# All files / form Radio.tsx

100% Statements 30/30
100% Branches 1/1
100% Functions 1/1
100% Lines 30/30

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    311x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    135x
    135x
    1x
     "use client";
    import { forwardRef } from "react";
    import type { RadioProps } from "./InputToggle.js";
    import { InputToggle } from "./InputToggle.js";

    /**
     * **Client Component**
     *
     * You'll generally want to use the `useRadioGroup` hook along with this
     * component.
     *
     * @example
     * Simple Example
     * ```tsx
     * const { value, getRadioProps } = useRadioGroup({ name: "group" });
     *
     * return (
     *   <>
     *     <Radio {...getRadioProps("a")} label="First" />
     *     <Radio {...getRadioProps("b")} label="Second" />
     *     <Radio {...getRadioProps("c")} label="Third" />
     *   </>
     * );
     * ```
     */
    export const Radio = forwardRef<HTMLInputElement, RadioProps>(
      function Radio(props, ref) {
        return <InputToggle {...props} ref={ref} type="radio" />;
      }
    );