Components
Components
Vesuvius UI ships three tiers of components, following Atomic Design, from smallest to largest:
- Atoms — a single HTML element or Radix primitive with the kit's styling, nothing more (
Button,Input,Badge, ...). - Molecules — multi-part patterns assembled from atoms (
Dialog,Select,DropdownMenu,Table, ...). - Organisms — full features with their own state and behavior (
DataTable,DateTimePicker, the chart family,RichTextEditor, ...).
Every component is a named export of @pompeitech/vesuvius-ui:
import { Button } from "@pompeitech/vesuvius-ui";