@app/coreformsRadioGroup

RadioGroup

import { RadioGroup } from '@app/forms/RadioGroup.styled'
Component Props
value
string
disabled
boolean
hasError
boolean
className
string
radioButtonClassName
string
indicatorClassName
string
labelClassName
string
hitSlop
number
options *
object
Show Props Schema
const RadioGroupProps = z.object({
    value: z
        .string()
        .optional(),
    disabled: z
        .boolean()
        .optional(),
    hasError: z
        .boolean()
        .optional(),
    className: z
        .string()
        .optional(),
    radioButtonClassName: z
        .string()
        .optional(),
    indicatorClassName: z
        .string()
        .optional(),
    labelClassName: z
        .string()
        .optional(),
    hitSlop: z
        .number()
        .default(6),
    options: z
        .record(z.string(), z.string()),
})

💡 Could be handy to copy-paste into an AI chat?

Show Props Types
{
    value?: string;
    disabled?: boolean;
    hasError?: boolean;
    className?: string | undefined;
    radioButtonClassName?: string | undefined;
    indicatorClassName?: string | undefined;
    labelClassName?: string | undefined;
    hitSlop?: number;
    options: {
        [x: string]: string;
    };
}

💡 Could be handy to copy-paste into an AI chat?

File Location

You can find the source of the RadioGroup component in the following location:

        • RadioGroup.styled.tsx

Other

Disclaimer - Automatic Docgen

🤖

These dynamic component docs were auto-generated with npm run regenerate-docs. You can hook into automatic docgen by exporting getDocumentationProps from a component file. You’ll want to provide example props from the ComponentProps zod schema, e.g:

RadioGroup.styled.tsx
/* --- Docs ---------------------- */
 
export const getDocumentationProps = RadioGroupProps.documentationProps('RadioGroup')
SelectNumberStepper