Feedback
Toast
Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Toast
Preferência salva.
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).
Type · Default
| Toast |
|---|
Preferência salva. |
Type · Success
| Toast |
|---|
Convite enviado pra Lia. |
Type · Info
| Toast |
|---|
A Marlene abriu o link. |
Type · Warning
| Toast |
|---|
O link vence amanhã. |
Type · Error
| Toast |
|---|
Não deu pra salvar. Tente de novo. |
Type · Loading
| Toast |
|---|
Enviando o convite… |
Props
As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.
ToastCardProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| type? | "default" | "error" | "info" | "loading" | "success" | "warning" | null | "default" | |
| title | ReactNode | — | The message ("Preferência salva."). |
| description? | ReactNode | — | A second line (Figma `Description`). |
| action? | ReactNode | — | A Button, e.g. "Desfazer" (Figma `showAction`). |
| dismiss? | ReactNode | — | The close button (Figma `dismissible`). |
| className? | string | — |
ToasterProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| dismissLabel | string | — | The close button's spoken name ("Fechar aviso"). |
| label | string | — | The landmark name of the toast region ("Avisos"). |
| limit? | number | 3 | How many show at once; older ones fade out. |
| children? | ReactNode | — |