Radio Group

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

npx ui-thing@latest add radio-group

<template>
  <UiRadioGroup>
    <UiRadioGroupItem value="default" />
    <UiLabel>Default</UiLabel>
  </UiRadioGroup>
</template>

Default

Comfortable

Compact

Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

Scroll Area

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