Viora LogoViora UI
Login

Radio Group

Composable radio options with morphing spring layout indicators.

demo-radio-group-demo.tsx
Loading source code...

Installation

pnpm dlx viora-ui add radio-group
npx viora-ui add radio-group
yarn viora-ui add radio-group
bunx --bun viora-ui add radio-group

Usage

import { RadioGroup, RadioGroupItem } from "viora-ui";
import { useState } from "react";

export default function Demo() {
  const [value, setValue] = useState("pro");
  return (
    <RadioGroup value={value} onValueChange={setValue}>
      <RadioGroupItem value="starter" label="Starter" />
      <RadioGroupItem value="pro" label="Pro" />
    </RadioGroup>
  );
}

Built by Otis

Last updated: 9/13/2026