{
  "title": "Empty",
  "description": "Empty-state container with optional icon, title, description, and action.",
  "url": "/docs/components/empty",
  "since": "0.8.0",
  "tags": [
    "display"
  ],
  "platform": "both",
  "source": "---\ntitle: Empty\ndescription: Empty-state container with optional icon, title, description, and action.\nsince: 0.8.0\ntags: [display]\nplatform: both\ncategory: display\n---\n\nimport { BundleSize } from '@/components/bundle-size';\nimport { Preview } from '@/components/preview';\nimport { PropsTable } from '@/components/props-table';\n\n<BundleSize component=\"Empty\" />\n\n## At a glance\n\n- Use for zero-results views, onboarding prompts, and placeholder states.\n- Renders a centered column: icon → title → description → action.\n- All slots except `title` are optional.\n\n## Preview\n\n<Preview name=\"empty-basic\" />\n\n## Usage\n\n```tsx\nimport { Empty, Button } from '@nori-ui/core';\n\n// Minimal\n<Empty title=\"No results found\" />\n\n// With description\n<Empty\n  title=\"No results found\"\n  description=\"Try adjusting your search or filters.\"\n/>\n\n// Full\n<Empty\n  icon={<SearchIcon size={48} />}\n  title=\"No results found\"\n  description=\"Try adjusting your search or filters to find what you're looking for.\"\n  action={<Button onPress={onReset}>Clear filters</Button>}\n/>\n```\n\n## Props\n\n<PropsTable component=\"Empty\" />\n"
}