# mielui components

Each component reference is generated at build time from its package manifest, public API source, and Svelte examples. Published Markdown reflects changes to those canonical sources.

## Components

- [Accordion](/docs/components/accordion.md)
- [Alert](/docs/components/alert.md)
- [Alert Dialog](/docs/components/alert-dialog.md)
- [Avatar](/docs/components/avatar.md)
- [Badge](/docs/components/badge.md)
- [Breadcrumb](/docs/components/breadcrumb.md)
- [Button](/docs/components/button.md)
- [Calendar](/docs/components/calendar.md)
- [Card](/docs/components/card.md)
- [Checkbox](/docs/components/checkbox.md)
- [Collapsible](/docs/components/collapsible.md)
- [Combobox](/docs/components/combobox.md)
- [Context Menu](/docs/components/context-menu.md)
- [Date Picker](/docs/components/date-picker.md)
- [Date Range Picker](/docs/components/date-range-picker.md)
- [Dialog](/docs/components/dialog.md)
- [Drawer](/docs/components/drawer.md)
- [Dropdown Menu](/docs/components/dropdown-menu.md)
- [Empty State](/docs/components/empty-state.md)
- [Field](/docs/components/field.md)
- [Fieldset](/docs/components/fieldset.md)
- [File Upload](/docs/components/file-upload.md)
- [Form](/docs/components/form.md)
- [Group](/docs/components/group.md)
- [Hover Card](/docs/components/hover-card.md)
- [Input](/docs/components/input.md)
- [Kbd](/docs/components/kbd.md)
- [Label](/docs/components/label.md)
- [Native Select](/docs/components/native-select.md)
- [Number Field](/docs/components/number-field.md)
- [OTP Field](/docs/components/otp-field.md)
- [Pagination](/docs/components/pagination.md)
- [Popover](/docs/components/popover.md)
- [Progress](/docs/components/progress.md)
- [Radio Group](/docs/components/radio-group.md)
- [Range Calendar](/docs/components/range-calendar.md)
- [Scroll Area](/docs/components/scroll-area.md)
- [Select](/docs/components/select.md)
- [Separator](/docs/components/separator.md)
- [Sheet](/docs/components/sheet.md)
- [Skeleton](/docs/components/skeleton.md)
- [Slider](/docs/components/slider.md)
- [Spinner](/docs/components/spinner.md)
- [Switch](/docs/components/switch.md)
- [Table](/docs/components/table.md)
- [Tabs](/docs/components/tabs.md)
- [Tag Input](/docs/components/tag-input.md)
- [Textarea](/docs/components/textarea.md)
- [Toggle](/docs/components/toggle.md)
- [Toggle Group](/docs/components/toggle-group.md)
- [Tooltip](/docs/components/tooltip.md)
- [Typography](/docs/components/typography.md)

## Blocks

- [Code Block](/docs/components/code-block.md)
- [Color Picker](/docs/components/color-picker.md)
- [Command](/docs/components/command.md)
- [Copy Button](/docs/components/copy-button.md)
- [Data Table](/docs/components/data-table.md)
- [File Diff](/docs/components/file-diff.md)
- [Folder Card](/docs/components/folder-card.md)
- [Markdown](/docs/components/markdown.md)
- [Notch](/docs/components/notch.md)
- [Reorder List](/docs/components/reorder-list.md)
- [Show More](/docs/components/show-more.md)
- [Task Steps](/docs/components/task-steps.md)
- [Toast](/docs/components/toast.md)
- [Toolbar](/docs/components/toolbar.md)

## AI components

- [Attachment](/docs/components/attachment.md)
- [Composer](/docs/components/composer.md)
- [Conversation](/docs/components/conversation.md)
- [Message](/docs/components/message.md)
- [Question](/docs/components/question.md)
- [Reasoning](/docs/components/reasoning.md)
- [Response Stream](/docs/components/response-stream.md)
- [Tool](/docs/components/tool.md)

## Chart components

- [Chart](/docs/components/chart.md)
- [Gauge](/docs/components/gauge.md)
- [Heatmap](/docs/components/heatmap.md)
- [Pie Chart](/docs/components/pie-chart.md)


## Package assets

- [Brand Mark](/docs/brand-mark.md) - package-only logo component; not available through `mielui add`.

## Removed components

These names are no longer standalone package exports or CLI installation targets.

- **Modal:** Rename Modal to Dialog and use the dialog package subpath or CLI target.
- **Fullscreen Nav:** Compose Sheet with navigation links for a mobile menu.
- **Approval Request:** Compose `AlertDialog` directly with the review details and confirmation actions required by your workflow.
- **Marquee:** Use a restrained Tailwind animation around the content only when continuous motion is essential.
- **Panel:** Use `Card.Root variant="panel"` for the former framed panel treatment.