Component Library

A versatile button component with multiple variants and states.

A card for displaying grouped information with a header and content.

A small badge to indicate status or labels.

Displays a callout for user attention.

An image element with a fallback for representing a user or entity.

Displays an indicator showing the completion progress of a task.

An input where the user selects a value from a range.

A two-state toggle switch.

A set of layered sections of content, known as tab panels, that are displayed one at a time.

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

A component to select a date from a calendar.

A vertically stacked set of interactive headings that each reveal a section of content.

A card component containing a form with various inputs.

A form for securely collecting payment information.

A card to invite and display team members.

A component for enabling two-factor authentication.

A notification card to indicate a verified profile status.

A radio group for selecting a compute environment.

A stepper for selecting the number of GPUs.

A settings switch for enabling wallpaper tinting.

A dropdown and copy button for theme selection.

A component for sharing or taking action on a document.

A set of common action buttons.

A checkbox for agreeing to terms and conditions.

A demonstration of the pagination component.

A dropdown to select an AI copilot.

A simple survey form with checkboxes.

A card indicating a processing state.