Componentes

An image element with a fallback for representing the user.

Displays a badge or a component that looks like a badge.

Displays a card with header, content, and footer.

A carousel with motion and swipe built using Embla.

A flexible list item component for displaying content in a structured layout.

A responsive table component.

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

Displays a callout for user attention.

A modal dialog that interrupts the user with important content and expects a response.

A placeholder component for empty states.

Displays an indicator showing the completion progress of a task.

Use to show a placeholder while content is loading.

A loading indicator that shows activity.

Displays a button or a component that looks like a button.

A date field component that allows users to enter and edit date values.

A date picker component with popover calendar for selecting dates.

Groups input with addons like prefixes, suffixes, and buttons.

A set of checkable buttons where only one can be checked at a time.

A set of two-state buttons that can be toggled on or off.

A control that allows the user to toggle between checked and not checked.

Displays a form input field or a component that looks like an input field.

Renders an accessible label associated with controls.

A native HTML select element with styling.

A control that allows the user to toggle between checked and not checked.

Displays a form textarea or a component that looks like a textarea.

A two-state button that can be either on or off.

Displays a button or a component that looks like a button.

Groups related buttons together with connected styling.

A date field component that allows users to enter and edit date values.

A carousel with motion and swipe built using Embla.

An interactive component which expands/collapses a panel.

A date picker component with popover calendar for selecting dates.

A drawer component that slides in from the edge of the screen.

Displays a menu of actions or options triggered by a button.

For sighted users to preview content available behind a link.

A collection of links for navigating websites with dropdown menus and keyboard navigation.

Displays rich content in a portal, triggered by a button.

A set of two-state buttons that can be toggled on or off.

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

Displays content within a desired ratio.

Groups related buttons together with connected styling.

Displays a card with header, content, and footer.

An interactive component which expands/collapses a panel.

A flexible list item component for displaying content in a structured layout.

Augments native scroll functionality for custom, cross-browser styling.

Visually or semantically separates content.

Displays the path to the current resource using a hierarchy of links.

Displays a menu of actions or options triggered by a button.

A collection of links for navigating websites with dropdown menus and keyboard navigation.

Navigation for paginated content.

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

Displays a callout for user attention.

A modal dialog that interrupts the user with important content and expects a response.

A modal dialog that interrupts the user with important content and expects a response.

A drawer component that slides in from the edge of the screen.

For sighted users to preview content available behind a link.

Displays rich content in a portal, triggered by a button.

Extends the Dialog component to display content that complements the main content of the screen.

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

Displays a keyboard shortcut indicator.