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.

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

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

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

ButtonGroup is a component that groups multiple buttons together.

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

Sistent provides a comprehensive collection of icons that can be used across your projects. These icons are designed to be consistent with the overall design language of the Sistent design system, ensuring a cohesive user experience.

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.

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.

Pagination enables users to navigate through multiple pages of content, providing an intuitive interface for browsing large datasets or segmented information.

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.

Select component is a dropdown menu for selecting an option from a list.

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

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.

ToggleButton allows users to switch between two or more states, commonly used in forms or settings for quick toggles.

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

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.