UXMAL Backoffice UI Basic Components

This is a collection of basic components that are used to build the UXMAL Backoffice UI. They are designed to be used as a starting point for building new pages and components.

Alert

Alerts are used to provide feedback to the user about the status of a process or to communicate information.

8 variations

Badge

A small count and labeling component used to highlight information, statuses, or notifications.

7 variations

Breadcrumb

A navigation component that displays the current page's location within a hierarchical structure.

4 variations

Card

A flexible content container component that provides a structured way to display content.

8 variations

Dropdown

A button-based dropdown menu component that displays a list of options when triggered.

10 variations

Highlight

A code syntax highlighting component that renders formatted code blocks.

7 variations

Icon

A versatile component that provides easy access to multiple icon libraries.

15 variations

List

A versatile list group component that displays items in an organized format.

8 variations

Modal

A dialog box or popup window component that displays content in an overlay.

5 variations

Offcanvas

A sliding panel component that appears from the edges of the screen.

7 variations

Popover

A small overlay component that displays additional information or content when triggered.

6 variations

Sortable Container

A container component that allows items to be reordered through drag and drop interactions.

8 variations

Tab

A component for switching between different content panels.

7 variations

Title

A flexible heading component that provides consistent styling and hierarchy for titles across the application.

4 variations

WYSIWYG Editor

A rich text editor component powered by Quill that provides a What You See Is What You Get interface for creating and editing formatted content.

5 variations