Radio Group

Basic radio group example demonstrating core behavior.

Package: @solidiom/radio-group
Version: 0.0.1-next.0
Status: stable

Examples

import * as RadioGroup from "@solidiom/radio-group"

;<RadioGroup.Root>Radio Group content</RadioGroup.Root>

View source

        export function RadioGroupExample(props: RadioGroupExampleProps) {
  const copy = () => COPY[props.locale]

  return (
    <div ref={(el) => el.setAttribute("data-hydrated", "true")} class="radio-group-example">
      <RadioGroup.Root aria-label={copy().label}>
        {copy().items.map((item) => (
          <RadioGroup.Item value={item.value}>
            <RadioGroup.Indicator />
            {item.label}
          </RadioGroup.Item>
        ))}
      </RadioGroup.Root>
    </div>
  )
}