Skip to content
Casper UI

RadioCard

const RadioCard: React.ForwardRefExoticComponent<
  CustomProperties &
    Pick<ChakraRadioCard.ItemProps, "value" | "id"> &
    Pick<ChakraRadioCard.ItemControlProps, "onChange"> &
    CustomChakraBoxProps &
    LayoutProps &
    MarginProps &
    PaddingProps & {
      isDisabled?: boolean;
      isInvalid?: boolean;
      name?: string;
    } & React.RefAttributes<HTMLInputElement>
>;

Custom Radio input that appears as a colored button when in “isChecked”-state. Uses Chakra’s RadioCard compound component to provide a styled card-based radio button.

See

Section titled “See”

Docs https://caspeco.github.io/casper-ui-library/components/radio#custom-radios