Components
Overview
Every Colorffy UI component, organized by category.
Colorffy UI ships 70+ components. Each has a dedicated reference page (listed alphabetically in the sidebar). They share the same conventions — a customClass escape hatch, semantic variant / color props, and slots for content.
Actions
- Button
- Button Group — connected, toggle, and floating-action groups
- Button Menu — dropdown menus, submenus, items
- Tooltip — button & link tooltips
Feedback & overlays
- Alert — banners, tonal alerts, snackbars +
useToast - Modal — dialog & confirm dialog
- Popover — anchored popover panel
- Popover Menu — user/account dropdown menu
Data display
Navigation
Forms
- Inputs — text, textarea, select, check, radio, range, file, color, phone
Media
- Icons — Material Symbols, shapes, tool, app/brand
Layout & state
Every component is exported from
@colorffy/ui (e.g. import { UiButton } from '@colorffy/ui') and, when registered globally, available as <UiButton /> without imports.