Backoffice
SearchTrigger
The button that opens the ⌘K search (Figma "Backoffice / Search Trigger" 2056:42064): 340 × 36, Default, Hover, Focus.
It is a button, not a text field: the command palette (combobox) owns the typing. For a filter typed in place, above a list, use SearchField.
<SearchTrigger placeholder="Buscar e-mail, uid, conta ou telefone" shortcut="⌘K" onClick={openPalette} />Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Backoffice / Search Trigger
string
Variantes, tamanhos e estados
Cada célula é o componente real, marcada com a variante do Figma que reproduz (passe o mouse pra ver o node).
| Default | Hover | Focus |
|---|---|---|
Props
As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.
SearchTriggerProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| placeholder | string | — | The visible hint and the button's name, e.g. "Buscar e-mail, uid, conta ou telefone". |
| shortcut? | string | — | Figma "shortcut" (showShortcut, default off): "⌘K". |
| className? | string | — |
SearchFieldProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| className? | string | — |