Ui Components #

Many components for UI design are included, although most are directly used by aoc components and you do not have to worry about them, others you have to use in your application to endow it with all the necessary functionality. Here we detail the most used UI components in applications.

Forms #

Components used to define forms

<aoc-ui-form> #

<aoc-ui-form-page> #

<aoc-ui-form-row> #

Tabs And Panels #

Components used to define tabs and their contents, useful in forms with tabs

<aoc-ui-tab-panel> #

<aoc-ui-tab-panel-content> #

Data Entry #

Components that can be used in a form, on a toolbar, etc.

<aoc-ui-dropdown> #

<aoc-ui-datetime-picker> #

<aoc-ui-input-group> #

<aoc-ui-editor> #

Others #

Wildcard components that help in certain situations for placing elements

<aoc-ui-item> #

<aoc-ui-vertical-separator> #

Additionally #

There are other components like <aoc-ui-table> or <aoc-ui-panel> that you can use when needed, for example if you need a data table that you can control more and the <aoc-grid> does not adapt to your needs.

In case you need separators, the angular-split library is included and you can use its components <as-split> and <as-split-area>.