# All files / src/form Radio.tsx

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

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
    301x
    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
    327x
    327x
    1x
     "use client";
    import { forwardRef } from "react";
    import { InputToggle, type RadioProps } 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" />;
      }
    );