Design Beautiful LEAP Apps | LEAP Galaxy Design System

Layout

Breakpoints

Grid breakpoints for responsive layouts

Grids

A responsive and fluid grid system that scales appropriately

Layout

Structural template that supports consistency across applications

Components

Alerts

Alerts provide contextual feedback messages for typical user actions

Avatars

Create a standard initial avatar, chose from two sizes.

Badge

Badges communicate additional information to content

Breadcrumb

Use breadcrumbs to note the path of a record and help the user to navigate back to the parent.

Buttons

Custom button styles for actions in forms, toolbars & dialogs.

Dropdown

Toggleable, contextual menu for displaying lists of links.

Forms & Inputs

Styled form inputs, controls.

Icons

Our icon styles and sizes.

Loader

Indicate the loading state of a component or page

Modal

Modals are used to display content in a layer above the app. This paradigm is used in cases such ...

Navbar

Responsive navigation bar with logo and navigation.

Navs

Styled navigation list.

Pagination

Use pagination to indicate a series of related content exists across multiple pages

Tabs

A tab keeps related content in a single container that is shown and hidden through navigation.

Toolbar

The toolbar with search and action button group.

Tooltips

A tooltip is a small pop-up window that labels the unlabeled control being pointed to, such as un...

Utilities

Colour

Colour utility classes for text and background.

Borders

Utility classes for borders.

Spacing

Utility classes for spacing.

Text

Text utilities to control alignment, transfromation & weight.

Search Results

0 result found.

Oops, nothing found.

How about trying other keyword?