1:1 Radix UI / Primitives components for Vue
Unstyled, accessible components for building high‑quality design systems and web apps in React.Unstyled, accessible components for building high‑quality design systems and web apps in Vue.
1:1 Radix Primitives components for Vue
Vue, Nuxt Support
An interactive component which expands/collapses a panel.
A collection of components that can be used to build your own design system.
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Horizontal
The following separator is horizontal and has semantic meaning.
Home
Docs
Source
Visually or semantically separates content.
Make changes to your account here. Click save when you're done.
A set of layered sections of content—known as tab panels—that are displayed one at a time.
A vertically stacked set of interactive headings that each reveal an associated section of content.
A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.
A container for grouping a set of controls, such as buttons, toggle groups or dropdown menus.
A modal dialog that interrupts the user with important content and expects a response.
A vertically stacked set of interactive headings that each reveal an associated section of content.
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
A modal dialog that interrupts the user with important content and expects a response.
An interactive component which expands/collapses a panel.
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
A vertically stacked set of interactive headings that each reveal an associated section of content.
Make changes to your account here. Click save when you're done.
A set of layered sections of content—known as tab panels—that are displayed one at a time.
A container for grouping a set of controls, such as buttons, toggle groups or dropdown menus.
A vertically stacked set of interactive headings that each reveal an associated section of content.
A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
A collection of components that can be used to build your own design system.
A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.
Horizontal
The following separator is horizontal and has semantic meaning.
Home
Docs
Source
Visually or semantically separates content.
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
A vertically stacked set of interactive headings that each reveal an associated section of content.
A modal dialog that interrupts the user with important content and expects a response.
An interactive component which expands/collapses a panel.
A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
A collection of components that can be used to build your own design system.
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.
A vertically stacked set of interactive headings that each reveal an associated section of content.
Horizontal
The following separator is horizontal and has semantic meaning.
Home
Docs
Source
Visually or semantically separates content.
Make changes to your account here. Click save when you're done.
A set of layered sections of content—known as tab panels—that are displayed one at a time.
A container for grouping a set of controls, such as buttons, toggle groups or dropdown menus.
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.