Viora LogoViora UI
Login

Radio Group

Composable radio options with morphing spring layout indicators.

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

Installation

pnpm dlx viora-ui@latest add radio-group
npx viora-ui@latest add radio-group
yarn viora-ui@latest add radio-group
bunx --bun viora-ui@latest 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: 10/28/2026