A breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors.
The `DialogBox` component is a customizable modal dialog box that can be used to display information, messages, or custom content with optional title, body, and footer components.
A line chart is a fundamental tool in data visualization that is widely used to display information as a series of data points called 'markers' connected by straight line segments. It is especially effective in illustrating trends over time, making it a p
The `DateRangeSelector` component is a customizable modal dialog box that can be used to display information, messages, or custom content with optional title, body, and footer components.
The AutoComplete component is implemented as a custom input element of the InputBase. It extends the text field components sub-components, either the OutlinedInput, Input, or FilledInput, depending on the variant selected. It shares the same styles and ma
Official TypeScript SDK for CodeBox QR code platform
The Stepper component is a customizable React component that allows you to create a step-by-step user interface for guiding users through a process or workflow. It can be used to represent a multi-step form, a progress tracker, or any scenario where seque
Created a React component, Render F`or`m that reder group of input fields with validations
Avatars are found throughout material design with uses in everything from tables to dialog menus.
A pie chart is a circular statistical graphic that is divided into slices to illustrate numerical proportions. Each slice represents a proportion or percentage of the whole. The size of each slice is directly proportional to the quantity it represents, ma
A bar chart is a popular and effective data visualization tool used to represent categorical data with rectangular bars. Each bar's length or height corresponds to the value it represents, allowing for a quick comparison between different categories. Bar
The Stepper component is a customizable React component that allows you to create a step-by-step user interface for guiding users through a process or workflow. It can be used to represent a multi-step form, a progress tracker, or any scenario where seque
Chips are compact elements that represent an input, attribute, or action.
The Pagination component enables the user to select a specific page from a range of pages.
The Switch component provides users with a switch for toggling between two mutually exclusive states.
The Date Picker component lets the user select a date.
Service registry and monitoring for Codebox deployed applications
An input is a UI element that accepts text data from the user
Cherpas Design System
Input fields are an essential user interface design element, providing users with the means to enter non-standardized responses
CircleProgress indicators inform users about the status of ongoing processes, such as loading an app, submitting a form, or saving updates.
A set of ESLint rules we use at Codebox
Draw arrows (or lines) between components in React!
Chips are compact elements that represent an input, attribute, or action.