foundation

PURPOSE

This documentation is presenting the visual components defining the reference library of CYBNITY user interface.

REFERENCE VISUAL COMPONENTS

</table> # [Back To Home](/foundation/docs/user-interfaces/)
Browser
<img src="browser.png" width=45% height=45%>
Buttons
<img src="buttons.png" width=45% height=45%>
Colors
<img src="colors.png" width=45% height=45%>
Headline & header
<img src="headline-and-header.png" width=45% height=45%>
Horizontal tabs
<img src="horizontal-tabs.png" width=45% height=45%>
Top tabs
<img src="top-tabs.png" width=45% height=45%>
Infocon tab
<img src="infocon-tab.png" width=45% height=45%>
Input fields IFTA
<img src="input-fields-ifta.png" width=45% height=45%>
Filter
<img src="filter.png" width=45% height=45%>
Icon buttons
<img src="icon-buttons.png" width=45% height=45%>
Segmented buttons
<img src="segmented-buttons.png" width=45% height=45%>
Selection controls
<img src="selection-controls.png" width=45% height=45%>
Text composition
<img src="text-composition.png" width=45% height=45%>
Tooltip
<img src="tooltip.png" width=45% height=45%>
Tooltips
<img src="tooltips.png" width=45% height=45%>
Text
<img src="text.png" width=45% height=45%>
Icons
<img src="icons.png" width=45% height=45%>
Charts
<img src="charts.png" width=45% height=45%>
Flags
<img src="flags.png" width=45% height=45%>
Menu
<img src="menu.png" width=45% height=45%>
Stepper
<img src="stepper.png" width=45% height=45%>
Avatar & picture
<img src="avatar-and-picture.png" width=45% height=45%>
Search bar
<img src="search-bar.png" width=45% height=45%>
Chips
<img src="chips.png" width=45% height=45%>
Lists
<img src="lists.png" width=45% height=45%>