The AOC Framework
github logodiscord logo

FRONTEND UI

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>.

Please note, browse Issues and Discussions in Github for more information

© 2025 Atlantis of Code. All rights reserved.
All trademarks are the property of their respective owners.