Component Gallery

Here you can find all the components available in the library. We are working on adding more components.

Layout

spacer image preview

Spacer

usage

Invisible block that adds white space

container image preview

Container

Sets visual boundaries of a webpage, limiting content width

padding image preview

Padding

A wrapper that adds inner spacing around its child

row image preview

Row

usage

Arranges children in a line, from left to right

divider image preview

Devider

A thin line used as a separator. Helps to visually split blocks or interface elements.

Input

input image preview

Input

usage

A basic field where users can type text or numbers

password_input image preview

PasswordInput

Input field that hides characters to keep sensitive info

textarea image preview

TextArea

A multi-line text field for entering longer content

button image preview

Button

usage

An interactive element that triggers an action when clicked

checkbox image preview

Checkbox

usage

A small box that users can check or uncheck

select image preview

Select

A dropdown menu that lets users choose options from a list

Display

card image preview

Card

A block that groups content in a visually separated container

badge image preview

Badge

usage

A small label used to highlight things

gauge image preview

Gauge

A visual indicator, that shows value within a range

Experimental

experimental image preview

Radio

A circular input that allows users to select only one option from a group

experimental image preview

Hidden

This just hides everything inside of hidden component

experimental image preview

AutoComplete

Autocomplete input that shows a list of suggestions