Skip to content

Components

Components

Feedback indicator

These indicators components will help the user understand what's going on in the administration. Elements like banners that will show valuable info or loading indicators that show a process is loading.

A sketch of a meteor componentBannerBanners provide contextual feedback messages.
A sketch of a meteor componentLoaderLoaders indicate ongoing processes.
A sketch of a meteor componentProgress BarProgress bars show task completion progress.

Form

Form elements are components within our admin to show and edit data. These elements include text fields, checkboxes, radio buttons, dropdowns, and more.

A sketch of a meteor componentButtonButtons trigger actions.
A sketch of a meteor componentCheckboxCheckboxes allow multiple selections.
A sketch of a meteor componentColor PickerSelect colors easily.
A sketch of a meteor componentDate PickerSelect dates efficiently.
A sketch of a meteor componentText FieldEnter text inputs.

Layout

The layout components are the main elements of the page that provide structure and organization to the content. They are responsible for holding and displaying the different parts of the page in a logical and consistent manner.

A sketch of a meteor componentCardEncapsulates content in a structured way.

Navigation components such as search and tabs can help users easily locate desired content.

A sketch of a meteor componentSearchAllows users to find information quickly.
A sketch of a meteor componentTabsOrganize content into sections.

Overlay

Overlay items are temporary components placed on top of main layout components with a shadow to enhance visual elevation.

A sketch of a meteor componentPopoverPopovers allow users to access a list of temporary choices or actions.

Table and list

Table and list components are used to present interactive data that can be ordered, searched, and edited if the UI allows it.

A sketch of a meteor componentPaginationPaginations are used to split the listed data into sections for better performance.