Feedback
EmptyState
Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Empty State
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).
Context · Notifications
| Empty State |
|---|
Nenhum aviso por enquanto Quando a Superdinda tiver novidade sobre a conta, ela aparece aqui. |
Context · Dependents
| Empty State |
|---|
Ninguém protegido ainda Convide a Marlene ou a Lia pra começar. |
Context · Alerts
| Empty State |
|---|
Nenhum alerta Se algo parecer golpe, você fica sabendo na hora. |
Context · Error
| Empty State |
|---|
Não deu pra carregar Confira a conexão e tente de novo. |
Props
As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.
EmptyStateRootProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| render? | ReactElement<unknown, string | React.JSXElementConstructor<any>> | — | Another element keeps the layout (`<section />`, `<li />`). |
| className? | string | — |
EmptyStateTextProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| render? | ReactElement<unknown, string | React.JSXElementConstructor<any>> | — | A heading element when the empty state is a section of its own (`<h2 />`). |
| className? | string | — |