Logo

Components

The components are individual elements, capable of transforming according to need and together they create our design system.

settings

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.