Design Guide
Learn how to build views with good UX.
Here are the articles in this section:
Alerts and warnings
Display information and warnings in a clear way.
Buttons
Overview of button usage.
Colors and fonts
Overview of colors and use of fonts.
Collapsible
Expand and collapse content.
Dropdowns
Dropdowns are used as menus or shortcuts.
Forms
Build forms for user inputs.
Icons
We use the solid style of Font Awesome 5 icons.
Layout
How to build responsive layouts.
Modals
Modals can be used for dialogs, popups and alike.
Navigation
There are different options for navigating in views.
Pagination
Styles of paginations in tables and panels.
Panels
Panels are sections in the interface.
Tables
Present and edit data in tables.
Other components
There are different components in Xena that have their own set of CSS classes.
Last updated 2 months ago