No feedback yet
Messages people send from the app arrive here.
Props
import { Empty } from '@kition/tessera-ui'
<Empty
title="No feedback yet"
description="Messages people send from the app arrive here."
/>Examples
No feedback, access denied
No feedback yet
Messages people send from the app arrive here.
Access denied
Your account cannot open the admin console.
import { Button, Empty, Result } from '@kition/tessera-ui'
export default function Demo() {
return (
<div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 16 }}>
<Empty title="No feedback yet" description="Messages people send from the app arrive here.">
<Button size="sm">Refresh</Button>
</Empty>
<Result status="forbidden" title="Access denied" description="Your account cannot open the admin console." extra={<Button size="sm" variant="primary">Sign in again</Button>} />
</div>
)
}Props
Empty
Nothing to show yet: a quiet drawing, what is missing, and what to do about it.
| Prop | Type | Default | Description |
|---|---|---|---|
title | ReactNode | — | |
description | ReactNode | — | |
image | ReactNode | — | Replaces the inbox drawing (an icon of the situation). |
children | ReactNode | — | Actions under the text (Create, Retry). |
className | string | — |
Result
The outcome of a whole page or flow (paid, access denied, page not found), with what to do next.
| Prop | Type | Default | Description |
|---|---|---|---|
status | ResultStatus | 'info' | |
titlerequired | ReactNode | — | |
description | ReactNode | — | |
extra | ReactNode | — | |
className | string | — |