Components
The components are individual elements, capable of transforming according to need and together they create our design system.
Autocomplete
The Autocomplete component provides a user-friendly interface for autocomplete selection.
Autosuggest
The Autosuggest component provides a user-friendly interface for autosuggest selection.
Avatar
The Avatar component is used to display a user's profile picture.
Icon
The Icon component is used to display icons in various contexts.
Text
The Text component is used to render and style text elements.
Tag
The Tag component is used to label and categorize content.
User
The User component displays user information in a concise format.
Table
The Table component is used to display tabular data.
Assisted
The Assisted component provides guided interactions and hints.
CountdownBar
The CountdownBar component shows a decreasing time bar for timed tasks.
Spinner
The Spinner component indicates loading or processing states.
Flag
The Flag component highlights important messages or alerts.
SkeletonIcon
The SkeletonIcon component provides a placeholder for icon loading states.
SkeletonLine
The SkeletonLine component provides a placeholder for line loading states.
ProgressBar
The ProgressBar component visually indicates progress towards completion.
Button
The Button component allows users to trigger actions with a click.
Fieldset
The Fieldset component groups related form elements together.
Label
The Label component associates text with form elements.
Toggle
The Toggle component allows users to switch between two states.
Textarea
The Textarea component provides a larger input field for multiline text.
Select
The Select component allows users to choose an option from a dropdown.
Date
The Date component allows users to select a date from a calendar.
Monthpicker
The Monthpicker component lets users select a specific month.
Divider
The Divider component separates content into distinct sections.
Stack
The Stack component arranges items vertically or horizontally with spacing.
Grid
The Grid component arranges content in a two-dimensional layout.
Breadcrumbs
The Breadcrumbs component provides hierarchical navigation links.
FullscreenNav
The FullscreenNav component displays a fullscreen navigation menu.
Header
The Header component provides a container for navigation and branding.
Link
The Link component is used to navigate between pages or sections.
Nav
The Nav component provides a navigation bar for the application.
Menu
The Menu component provides a dropdown list of actions or links.
Tabs
The Tabs component allows users to switch between content sections.
Blanket
The Blanket component overlays the screen, often used to block interactions.
Yearpicker
The Yearpicker component lets users select a specific year.
Input
The Input component allows users to enter text.
Text
The Text component is used to render and style text elements.
Checkbox
The Checkbox component allows users to select a single option.
Radio
The Radio component allows users to select a single option from a list.
Checkpicker
The Checkpicker component allows users to select multiple options.