Components

Components are reusable elements that serve as the building blocks of the design system. They are curated using the established identity principles and can be combined to form various elements, patterns, and templates that can be used to design user interfaces.

A button is an interactive element that triggers a specific action and also lets users know what will happen next.

A text input is made up of multiple elements that combine to form a component that helps users to read, write, and edit text in an interface.

A text input is made up of multiple elements that combine to form a component that helps users to read, write, and edit text in an interface.

The Paper component offers an elevated surface with shadow effects, following Material Design’s elevation system.

A popper is a tooltip that appears when a user interacts with an element.

The TextField component is a versatile input field used to capture user input in forms and user interfaces.

Links are essential and integral components of an interface. They are primarily used for navigation, guiding users to the next step in a journey or redirecting them to relevant sections or pages.

Containers align and center content, providing responsive layout options for different screen sizes.

ButtonGroup is a component that groups multiple buttons together.

Box is used as a flexible container for layout and styling, allowing quick customization and responsive design adjustments.

The Tooltip component is a small pop-up box that appears when a user hovers over an element.

Backdrop component overlays a dimmed screen to focus attention on foreground content.

Layer5, the cloud native management company

An empowerer of engineers, Layer5 helps you extract more value from your infrastructure. Creator and maintainer of cloud native standards. Maker of Meshery, the cloud native manager.