@sankhyalabs/ezui-docs

ez-chip

Properties

Property	Attribute	Description	Type	Default
enabled	enabled	Se false o usuário não pode interagir com o ez-chip.	boolean	true
label	label	Texto a ser apresentado como título do ez-chip.	string	undefined
mode	mode	Define o modo de uso do ez-chip.	"action" | "label"	undefined
removePosition	remove-position	Determina o posicionamento do botão de remover (não disponível no modo action). Se não informado, não exibe o botão.	"left" | "right"	undefined
value	value	Define o valor do ez-chip.	boolean	false

Events

Event	Description	Type
actionClick	Emitido no modo "action" quando o usuário clica no ez-chip.	CustomEvent<void>
removeChip	Emitido quando o botão de remoção é acionado.	CustomEvent<void>
valueChange	Emitido quando acontece a alteração de valor do ez-chip.	CustomEvent<boolean>

Methods

setBlur() => Promise<void>

Remove o foco do ez-chip.

Returns

Type: Promise<void>

setFocus() => Promise<void>

Aplica o foco no ez-chip.

Returns

Type: Promise<void>

Dependencies

Depends on

• ez-icon

Graph

graph TD;
  ez-chip --> ez-icon
  style ez-chip fill:#f9f,stroke:#333,stroke-width:4px

---

CSS Variables

Variable	Description
--ez-label-chip--height	Define a altura do chip.
--ez-label-chip__label--font-size	Define o tamanho do label.
--ez-label-chip__label--font-family	Define a família da fonte do label.
--ez-label-chip__label--font-weight	Define o peso da fonte do label.
--ez-label-chip__label--space--medium	Define o espaçamento do label.
--ez-label-chip__label--title--primary	Define a cor do texto.
--ez-label-chip__label--text--primary	Define a cor do ícone.
--ez-label-chip__label__container--border-radius	Define o raio da borda do container do chip.
--ez-label-chip__label__container--border	Define o estilo da borda do container.
--ez-label-chip__label__container--border-color-strokes	Define a cor da borda do container.
--ez-label-chip__label__container--color-primary	Define a cor do texto, do ícone do label e do botão de remoção (quando o chip está ativo).
--ez-label-chip__label__container-color--disable-secondary	Define a cor da borda e do fundo quando o chip está desativado.
--ez-label-chip__label__container--background-color	Define a cor de fundo do container quando ativo.
--ez-label-chip__label__container--border-color	Define a cor da borda do container quando ativo.
--ez-label-chip__label__container--default--border-color--active	Define a cor da borda do container quando o cursor está sobre ele.
--ez-label-chip__label__container--default--background-color--hover	Define a cor do fundo do container quando o cursor está sobre ele.
--ez-label-chip__label__container--default--color--hover	Define a cor do texto quando o cursor está sobre ele.
--ez-label-chip__label__container--text--disabled	Define a cor do texto e do ícone quando o chip está desabilitado.
--ez-label-chip__label__container--default--border-color--active	Define a cor da borda quando o componente está ativo.