Text Input
Campo de texto com 3 variantes, 8 estados e 2 tamanhos.
Dimensões
| Variante | Largura | Altura |
|---|---|---|
| Default | — | 36px |
| Small | — | 28px |
Props / Variantes
| Prop | Tipo | Valores |
|---|---|---|
Variant | enum | Single LineMulti LineQuick Action |
Size | enum | DefaultSmall |
State | enum | EmptyFilledFocusedErrorWarningSuccessDisabledRead Only |
Label | boolean | truefalse |
Helper Text | boolean | truefalse |
Icon Left | boolean | truefalse |
Icon Right | boolean | truefalse |
Tokens Utilizados
| Propriedade | Token | Valor | |
|---|---|---|---|
| Background | bg.tertiary | #1A1A1A | |
| Border default | border.default | #4A4A4A | |
| Border focus | border.focus | #65B0FF | |
| Border error | content.error | #F34F45 | |
| Text | content.primary | #FFFFFF | |
| Placeholder | content.tertiary | #A4A4A4 |
Notas
Quick Action é uma variante compacta para inputs em toolbars e painéis de trading.