@neuctra/ui
Version:
A modern, responsive, customizable React UI component library powered by Tailwind CSS and Vite.
48 lines (47 loc) • 1.42 kB
TypeScript
import { default as React } from 'react';
export interface Option {
label: string;
value: string;
description?: string;
icon?: React.ReactNode;
disabled?: boolean;
}
export interface RadioGroupProps {
name?: string;
options: Option[];
selectedValue?: string;
onChange?: (value: string) => void;
disabled?: boolean;
readOnly?: boolean;
required?: boolean;
error?: string;
/** 🎨 Root Container */
className?: string;
style?: React.CSSProperties;
/** 🎨 Item Container */
itemClassName?: string;
itemStyle?: React.CSSProperties;
/** 🎨 Label Text */
labelClassName?: string;
labelStyle?: React.CSSProperties;
/** 🎨 Description Text */
descriptionClassName?: string;
descriptionStyle?: React.CSSProperties;
/** 🎨 Icon Wrapper */
iconWrapperClassName?: string;
iconWrapperStyle?: React.CSSProperties;
/** 🎨 Radio Indicator */
indicatorClassName?: string;
indicatorStyle?: React.CSSProperties;
/** 🎨 Inner Dot */
dotClassName?: string;
dotStyle?: React.CSSProperties;
/** 🎨 Error Message */
errorClassName?: string;
errorStyle?: React.CSSProperties;
/** ⚙️ Configuration */
size?: "sm" | "md" | "lg";
orientation?: "vertical" | "horizontal";
animationDuration?: number;
}
export declare const RadioGroup: React.FC<RadioGroupProps>;