UI components and screen patterns for building apps on ikas.
Stacked sections that expand one at a time or together, as a list or cards.
Icon toolbar whose labels appear on hover or focus; saves room in dense headers.
Plain inline callout in default or destructive style; use Banner for status messages.
Modal that asks to confirm or cancel an action, with a status-tinted icon.
Self-drawing check icon, plus a copy-to-clipboard button that confirms with it.
Number that rolls up or down when its value changes.
Area or line chart over time, with stacking, legend, tooltip and estimated points.
Round user or store image with fallback initials, badge, and stacked groups.
Small label for statuses (info, success, warning, danger) or counts, with optional dot.
Persistent message in info, success, warning or danger, with optional actions and dismiss.
Vertical or horizontal bar chart, grouped or stacked, with hover trace and in-progress bars.
Ranked list of labels with proportional bars and values, e.g. top products.
Button in solid, soft, outline, ghost and link variants, any palette color, loading state.
Joins buttons, inputs or selects into one connected horizontal or vertical group.
Month grid for picking a day, range or several days; Turkish, Monday first.
Raised surface with header, title, description, action, content and footer slots.
Recharts container, tooltip and legend wired to theme colors; base for the ikas charts.
Dashboard chart frame with title, headline value, change and a time range switch.
Shared chart parts: colors, fills, legend, tooltip, loading and reveal used by ikas charts.
Checkbox for on/off choices in forms and table row selection.
Animates content open and closed between zero and full height.
Searchable select with single or multiple choice, chips and groups; built on Base UI.
Two-click inline confirm for destructive actions that do not need a dialog.
Outline button that opens a calendar and shows the picked date as dd.MM.yyyy.
Date range picker with presets, two months, and Apply and Clear buttons.
Day, month and year wheels in one frame, with min and max dates.
Label and value pairs for detail pages, side by side or stacked.
Modal window for focused tasks and confirmations, with header, footer and close button.
Donut chart for part-to-whole data, with the total in the center and a legend.
Panel that slides in from an edge and drags closed; suits mobile actions.
Menu of actions opened from a button, with groups, checkboxes, radios and submenus.
Explains an empty or failed view and offers the next step or a retry.
Search icon that expands into a text input and stays open while filled.
Form structure: label, description, error and grouping for any input control.
Light-first neutral theme tokens: surfaces, six-color palette, status colors, radius and elevation. Install first.
Single-line text input styled with the theme's inset field surface.
Input or textarea with attached addons: icons, text, prefixes and buttons.
Shows keyboard keys and shortcuts, alone or grouped.
Accessible text label for form controls.
First-run setup steps for the app home; the active step opens with its actions.
Column presets (main-aside, half, third) and numbered SettingsGroup sections for settings screens.
Usage against a limit as a bar or ring, with warning and danger states.
Shared spring and easing tokens so all animations in the app move the same way.
Number input with minus and plus buttons; click the value to type it.
Screen wrapper with width presets and a PageHeader with back link, badges and actions.
Floating panel anchored to a trigger for small forms, pickers or extra details.
Thin horizontal bar showing how far a task has progressed.
Multi-step form, one question at a time: choices, free text, skip, validation, progress.