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.
Components used to define forms
<aoc-ui-form>
#<aoc-ui-form-page>
#<aoc-ui-form-row>
#Components used to define tabs and their contents, useful in forms with tabs
<aoc-ui-tab-panel>
#<aoc-ui-tab-panel-content>
#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>
#Wildcard components that help in certain situations for placing elements
<aoc-ui-item>
#<aoc-ui-vertical-separator>
#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>
.
Please note, browse Issues and Discussions in Github for more information