Components

Alert

An alert gives a notification. They let users know what is expected.

Written by Doma
Updated over a week ago

Avatar

An avatar represents a customizable element in belongs to the user or label. They let users introduce components by unique content.

Written by Doma
Updated over a week ago

Button

A button triggers an event or action. They let users know what will happen next.

Written by Doma
Updated over a week ago

Card

A card provides an empty container to fill with the components. They let users group the components and visuals.

Written by Doma
Updated over a week ago

Carousel

A carousel provides a scalable area for multiple contents. They let users display contents by order.

Written by Doma
Updated over a week ago

Checkbox

A checkbox allows data entry by checking inside box. They let users entering boolean data.

Written by Doma
Updated over a week ago

Collapse

A collapse provides an expandable area for multiple contents. They let users hide contents by collapsing and show them again by expanding.

Written by Doma
Updated over a week ago

Columns

Columns organize contents in a horizontal way by allowing grids. They let users separate sections side by side.

Written by Doma
Updated over a week ago

Comment

A comment tells opinion of any user. They let users know what is thought by other users related with page entity.

Written by Doma
Updated over a week ago

Date Picker

A date picker allows data entry by selecting date. They let users entering date data.

Written by Doma
Updated over a week ago

Descriptions

Descriptions list items. They let users know what is the explanations of objects.

Written by Doma
Updated over a week ago

Div

A div gives a block area. They let users create structured contents.

Written by Doma
Updated over a week ago

Divider

A divider rips page in half. They let users know the relationship between components.

Written by Doma
Updated over a week ago

Drawer

A drawer is a panel displayed on edge of the same page to give any information and/or allow action operation.

Written by Doma
Updated over a week ago

Dropdown

A dropdown displays a menu when clicked or hovered. They let users know what is the menu items.

Written by Doma
Updated over a week ago

Embedded Form

An embedded form displays form items to obtain user data entries. They let users enter data by filling in form fields.

Written by Doma
Updated over a week ago

GoogleMaps

It allows data entry by selecting locations on the map. They let users enter location data.

Written by Doma
Updated over a week ago

Graphic

They let users see the statistical presentation of data in a synchronized manner with the data updates on the data source.

Written by Doma
Updated over a week ago

HTML Block

A html block execute custom html code.

Written by Doma
Updated over a week ago

Image

An image displays picture. They let users view visuals uploaded on page.

Written by Doma
Updated over a week ago

Inline Page

An inline page displays selected page on same page. They let users view existing application page on current page as embedded.

Written by Doma
Updated over a week ago

Label

A label defines subject of content element. They let users know what suppose to generated entity below.

Written by Doma
Updated over a week ago

Link

A link sends user to another page or specified URL. They let users click on it to navigate another html address.

Written by Doma
Updated over a week ago

List

A list displays a catalogue of data. They let users see what is/are the data value(s).

Written by Doma
Updated over a week ago

Modal

A modal is a pop-up window displayed on same page to give an information or feedback. They let users get notification.

Written by Doma
Updated over a week ago

Number

A number allows data entry by entering digit. They let users entering quantitative data.

Written by Doma
Updated over a week ago

Page Header

A page header describes main subject of page. They let users know what page is related with.

Written by Doma
Updated over a week ago

Page Section

A page section sends user to another section on same page or specified URL.

Written by Doma
Updated over a week ago

Paragraph

A paragraph represents text content. They let users read context.

Written by Doma
Updated over a week ago

Password

A password allows data entry by entering pass code. They let users authentication and change password.

Written by Doma
Updated over a week ago

Progress

A progress shows status by percentage unit. They let users know what is going performance of related subject.

Written by Doma
Updated over a week ago

Radio

A radio allows data entry by selecting from options given. They let users choose one of the options by clicking on.

Written by Doma
Updated over a week ago

Rate

A rate allows data entry by selecting number of stars. They let users specify a rate by clicking on one point of star series.

Written by Doma
Updated over a week ago

React JSX

A react jsx execute custom react jsx code.

Written by Doma
Updated over a week ago

Result

An result gives a notification message. They let users know what is expected.

Written by Doma
Updated over a week ago

Rich Text

Written by Doma
Updated over a week ago

Search Box

A search box allows data search of entered text input. They let users searching and showing of grouped input.

Written by Doma
Updated over a week ago

Select

A select allows data entry by selecting from options given on dropdown menu. They let users choose one of the options by clicking on.

Written by Doma
Updated over a week ago

Slider

A slider allows data entry by sliding cursor in a range. They let users entering quantitative data.

Written by Doma
Updated over a week ago

Space

A space prevents clinging content elements. They let users spacing between components.

Written by Doma
Updated over a week ago

Statistic

A statistic represents data with description. They let users see numerical value.

Written by Doma
Updated over a week ago

Steps

Steps guide by sequenced subtasks in a serie. They let users know what are the ordered tasks of a process.

Written by Doma
Updated over a week ago

Switch

A switch allows data entry by switching. They let users entering boolean data.

Written by Doma
Updated over a week ago

Table

A table presents data columns. They let users know what data is/are in data source.

Written by Doma
Updated over a week ago

Tabs

Tabs display contents on separate views on same page. They let users access divided areas with different issues.

Written by Doma
Updated over a week ago

Textarea

A text area allows data entry by entering text. They let users display three rowed text at default.

Written by Doma
Updated over a week ago

Text Field

A text field allows data entry by entering text. They let users display one rowed text at default.

Written by Doma
Updated over a week ago

Timeline

A timeline displays a catalogue of data updating by time. They let users see variable content triggered by time.

Written by Doma
Updated over a week ago

Title

A title describes subject of content below. They let users know what suppose to generated field below.

Written by Doma
Updated over a week ago

Uploader

An uploader allows file data entry by clicking or dragging. They let users upload file.

Written by Doma
Updated over a week ago

VideoPlayer

A video player displays video. They let users watch video.

Written by Doma
Updated over a week ago