Overview
Every @nyte-ai/ui component and its import path
import "@nyte-ai/ui/ui.css";
import { Button } from "@nyte-ai/ui/button";
import { Popover } from "@nyte-ai/ui/popover";Components
| Component | Subpath |
|---|---|
| Alert dialog | @nyte-ai/ui/alert-dialog |
| Autocomplete | @nyte-ai/ui/autocomplete |
| Attachment | @nyte-ai/ui/attachment |
| Avatar | @nyte-ai/ui/avatar |
| Bubble | @nyte-ai/ui/bubble |
| Button | @nyte-ai/ui/button |
| Chart | @nyte-ai/ui/chart |
| Checkbox | @nyte-ai/ui/checkbox |
| Collapsible | @nyte-ai/ui/collapsible |
| Context menu | @nyte-ai/ui/context-menu |
| Dialog | @nyte-ai/ui/dialog |
| Icon | @nyte-ai/ui/icon |
| Input | @nyte-ai/ui/input |
| Kbd | @nyte-ai/ui/kbd |
| Marker | @nyte-ai/ui/marker |
| Menu | @nyte-ai/ui/menu |
| Message | @nyte-ai/ui/message |
| Message scroller | @nyte-ai/ui/message-scroller |
| Meter | @nyte-ai/ui/meter |
| Number field | @nyte-ai/ui/number-field |
| Popover | @nyte-ai/ui/popover |
| Preview card | @nyte-ai/ui/preview-card |
| Questionnaire | @nyte-ai/ui/questionnaire |
| Row | @nyte-ai/ui/row |
| Select | @nyte-ai/ui/select |
| Slider | @nyte-ai/ui/slider |
| Spinner | @nyte-ai/ui/spinner |
| Switch | @nyte-ai/ui/switch |
| Tabs | @nyte-ai/ui/tabs |
| Textarea | @nyte-ai/ui/textarea |
| Toast | @nyte-ai/ui/toast |
| Toggle | @nyte-ai/ui/toggle |
| Toggle group | @nyte-ai/ui/toggle-group |
| Toolbar | @nyte-ai/ui/toolbar |
| Tooltip | @nyte-ai/ui/tooltip |
Import these subpaths instead of @base-ui/react. When render produces something other than a <button>, pass nativeButton={false} so
Base UI keeps button semantics.