Components

Alert

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

Written by Burak Doma
Updated today

Avatar

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

Written by Burak Doma
Updated today

Button

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

Written by Burak Doma
Updated today

Card

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

Written by Burak Doma
Updated today

Carousel

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

Written by Burak Doma
Updated today

Checkbox

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

Written by Burak Doma
Updated today

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 Burak Doma
Updated today

Columns

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

Written by Burak Doma
Updated today

Comment

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

Written by Burak Doma
Updated today

Date Picker

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

Written by Burak Doma
Updated today

Descriptions

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

Written by Burak Doma
Updated today

Div

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

Written by Burak Doma
Updated today

Divider

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

Written by Burak Doma
Updated today

Drawer

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

Written by Burak Doma
Updated today

Dropdown

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

Written by Burak Doma
Updated today

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 Burak Doma
Updated today

GoogleMaps

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

Written by Burak Doma
Updated today

Graphic

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

Written by Burak Doma
Updated today

HTML Block

A html block execute custom html code.

Written by Burak Doma
Updated today

Image

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

Written by Burak Doma
Updated today

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 Burak Doma
Updated today

Label

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

Written by Burak Doma
Updated today

Link

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

Written by Burak Doma
Updated today

List

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

Written by Burak Doma
Updated today

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 Burak Doma
Updated today

Number

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

Written by Burak Doma
Updated today

Page Header

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

Written by Burak Doma
Updated today

Page Section

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

Written by Burak Doma
Updated today

Paragraph

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

Written by Burak Doma
Updated today

Password

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

Written by Burak Doma
Updated today

Progress

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

Written by Burak Doma
Updated today

Radio

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

Written by Burak Doma
Updated today

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 Burak Doma
Updated today

React JSX

A react jsx execute custom react jsx code.

Written by Burak Doma
Updated today

Result

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

Written by Burak Doma
Updated today

Rich Text

Written by Burak Doma
Updated today

Search Box

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

Written by Burak Doma
Updated today

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 Burak Doma
Updated today

Slider

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

Written by Burak Doma
Updated today

Space

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

Written by Burak Doma
Updated today

Statistic

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

Written by Burak Doma
Updated today

Steps

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

Written by Burak Doma
Updated today

Switch

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

Written by Burak Doma
Updated today

Table

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

Written by Burak Doma
Updated today

Tabs

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

Written by Burak Doma
Updated today

Textarea

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

Written by Burak Doma
Updated today

Text Field

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

Written by Burak Doma
Updated today

Timeline

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

Written by Burak Doma
Updated today

Title

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

Written by Burak Doma
Updated today

Uploader

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

Written by Burak Doma
Updated today

VideoPlayer

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

Written by Burak Doma
Updated today