This documentation is presenting the visual components defining the reference library of CYBNITY user interface.
| 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%> |