Fuel Design

Chip

Componente que se assemelha a um input, recebe ícones e caso seja passado a propriedade isSelected muda a cor de fundo.

Propriedades

label: string que identifica o Chip
leftIconName: string com o nome do ícone a ser exibido no lado esquerdo
rightIconName: string com o nome do ícone a ser exibido no lado direito
isSelected: boolean que indica se o chip está selecionado, alterado sua cor para strong

Utilização

import {Chip} from '@vizir-banking/banking-app-core/dist/fuel-design';
<Chip label="Usuário" rightIconName="person" />
Screenshot from 2023-05-02 14-47-33.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.