Forms / COMPONENT

Radio

Web · implementedDesktop · preview

Input pilihan tunggal dalam satu group opsi.

import { Radio } from "./vendor/syne-ui/index.js";TypeScript ready

Choose a plan

FreeProTeamEnterprise (unavailable)

Try the controls above.

Interactive example · Try the controls with your mouse or keyboard.

Start with an example

Import the component and adapt it to your interface.

Example.tsxTSX

import { Radio } from "./vendor/syne-ui/index.js";

export function Example() {
  return (
    <fieldset><legend>Plan</legend><Radio name="plan" value="free" defaultChecked>Free</Radio><Radio name="plan" value="pro">Pro</Radio></fieldset>
  );
}

Make it yours

Use className and --syne-* tokens to match your design system.