Components

Doma avatar
51 articles in this collection
Written by Doma

Alert

An alert gives a notification. They let users know what is expected.
Doma avatar
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.
Doma avatar
Written by Doma
Updated over a week ago

Button

A button triggers an event or action. They let users know what will happen next.
Doma avatar
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.
Doma avatar
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.
Doma avatar
Written by Doma
Updated over a week ago

Checkbox

A checkbox allows data entry by checking inside box. They let users entering boolean data.
Doma avatar
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.
Doma avatar
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.
Doma avatar
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.
Doma avatar
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.
Doma avatar
Written by Doma
Updated over a week ago

Descriptions

Descriptions list items. They let users know what is the explanations of objects.
Doma avatar
Written by Doma
Updated over a week ago

Div

A div gives a block area. They let users create structured contents.
Doma avatar
Written by Doma
Updated over a week ago

Divider

A divider rips page in half. They let users know the relationship between components.
Doma avatar
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.
Doma avatar
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.
Doma avatar
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.
Doma avatar
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.
Doma avatar
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.
Doma avatar
Written by Doma
Updated over a week ago

HTML Block

A html block execute custom html code.
Doma avatar
Written by Doma
Updated over a week ago

Image

An image displays picture. They let users view visuals uploaded on page.
Doma avatar
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.
Doma avatar
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.
Doma avatar
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.
Doma avatar
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).
Doma avatar
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.
Doma avatar
Written by Doma
Updated over a week ago

Number

A number allows data entry by entering digit. They let users entering quantitative data.
Doma avatar
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.
Doma avatar
Written by Doma
Updated over a week ago

Page Section

A page section sends user to another section on same page or specified URL.
Doma avatar
Written by Doma
Updated over a week ago

Paragraph

A paragraph represents text content. They let users read context.
Doma avatar
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.
Doma avatar
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.
Doma avatar
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.
Doma avatar
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.
Doma avatar
Written by Doma
Updated over a week ago

React JSX

A react jsx execute custom react jsx code.
Doma avatar
Written by Doma
Updated over a week ago

Result

An result gives a notification message. They let users know what is expected.
Doma avatar
Written by Doma
Updated over a week ago

Rich Text

Doma avatar
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.
Doma avatar
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.
Doma avatar
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.
Doma avatar
Written by Doma
Updated over a week ago

Space

A space prevents clinging content elements. They let users spacing between components.
Doma avatar
Written by Doma
Updated over a week ago

Statistic

A statistic represents data with description. They let users see numerical value.
Doma avatar
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.
Doma avatar
Written by Doma
Updated over a week ago

Switch

A switch allows data entry by switching. They let users entering boolean data.
Doma avatar
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.
Doma avatar
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.
Doma avatar
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.
Doma avatar
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.
Doma avatar
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.
Doma avatar
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.
Doma avatar
Written by Doma
Updated over a week ago

Uploader

An uploader allows file data entry by clicking or dragging. They let users upload file.
Doma avatar
Written by Doma
Updated over a week ago

VideoPlayer

A video player displays video. They let users watch video.
Doma avatar
Written by Doma
Updated over a week ago