Skip to content

Fretebras

Review - 04/11/22

Review - 06/12/2022

Review - 06/01/2023

Review - 03/02/2023

Review - 09/03/2023

Review - 10/04/2023

Passagem de Conhecimento

Suportes - Conta Core

Experiencia Crédito PJ

Risco, crédito e cobrança PJ e PF

Rede Credênciada

Vizir Bank - Core

More

Share

Explore

Fuel Design

Tag

O componente Tag é um componente funcional escrito em React que tem como objetivo renderizar uma tag com um determinado estilo e uma mensagem específica.

Importação do Componente

Para utilizar o componente Tag em seu projeto, é necessário importá-lo da seguinte forma:

import { Tag } from './caminho/para/o/arquivo/tag';

Props

O componente Tag recebe as seguintes props:

message: uma string que representa a mensagem que será mostrada dentro da tag.

tagType: uma string que representa o tipo da tag que será renderizada. O tipo pode ser definido como primary, secondary, danger, warning ou info.

style: um objeto que representa o estilo CSS que será aplicado à tag.

Uso

O componente Tag pode ser utilizado da seguinte forma:

<Tag message="Mensagem de exemplo" tagType="primary" style={{backgroundColor: 'green'}} />

Neste exemplo, o componente Tag irá renderizar uma tag com a mensagem "Mensagem de exemplo", o tipo primary e o estilo de fundo verde.

Exemplo: tag Novo

⁠

Screenshot from 2023-04-28 15-19-35.png

⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.