UI components and screen patterns for building apps on ikas.
Set of radio buttons for picking exactly one option.
Table for lists of records with selection, bulk actions, loading, empty, error and pagination.
Installs, updates and removes the app's storefront script, one row per storefront.
Pick one of two to five options, as view tabs or a radio choice.
Dropdown for picking one value from a list, with groups and separators.
Thin horizontal or vertical line that divides content.
One setting row: title, description and its control aligned right.
Panel that slides in from a screen edge for side tasks and details.
Pulsing placeholder block shown while content loads.
Toaster for short confirmations: status types, surface or soft variant, optional countdown bar.
Tiny trend line without axes for stat cards and table cells.
Animated loading indicator for buttons and pending sections.
KPI card: label, value and change against the previous period.
Status tint classes (info, success, warning, danger, neutral) for surfaces, text, icons and actions.
Toggle switch for settings that turn on or off immediately.
Basic table building blocks: header, body, rows, cells, footer and caption.
Tab list for switching between views of the same screen, in pill or line style.
Multi-line text input that grows with its content.
Feature section with an on/off switch that reveals its settings when on.
Short hint shown on hover or keyboard focus of an element.
ikas-ui.md design rules for AI coding agents; reference it from AGENTS.md or CLAUDE.md.
Bar with save and discard that appears while a form has unsaved changes.
The cn() helper that merges Tailwind class names; used by every component.
iOS-style picker wheel you drag, flick, scroll or step; groups side by side.