components / empty-state
empty-state.
the "nothing here" panel — icon, title, reason, and the action that would fix it. dashed border by default, matching the library's existing signal for a slot that could hold something but doesn't. server-renderable.
nothing on friday
every slot that day is either taken or outside the hours i keep. the next opening is monday morning.
installation
bunx @justin06lee/chrome@latest add empty-stateprops
| name | type | default | description |
|---|---|---|---|
| title * | ReactNode | - | one lowercase line saying what isn't here. |
| description | ReactNode | - | why it's empty, or what to do about it. |
| icon | ReactNode | - | decorative mark above the title — a lucide icon, ascii, anything. |
| action | ReactNode | - | primary action, usually a Button. |
| secondaryAction | ReactNode | - | quieter escape hatch beside the action. |
| size | 'sm' | 'md' | 'lg' | 'md' | |
| bordered | boolean | true | draw the dashed container; off when the parent already has a border. |
| className | string | - |