aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
75 lines • 1.85 kB
TypeScript
import React from "react";
export interface GlassRatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
/**
* Current rating value (0 to max)
*/
value?: number;
/**
* Maximum rating value
* @default 5
*/
max?: number;
/**
* Size of the rating stars
* @default 'md'
*/
size?: "sm" | "md" | "lg" | "xl";
/**
* Whether the rating can be changed
* @default false
*/
readOnly?: boolean;
/**
* Whether the component is disabled
* @default false
*/
disabled?: boolean;
/**
* Allow half-star ratings
* @default false
*/
allowHalf?: boolean;
/**
* Show rating value as text
* @default false
*/
showValue?: boolean;
/**
* Custom icon for filled state (as SVG path)
*/
icon?: React.ReactNode;
/**
* Custom icon for empty state (as SVG path)
*/
emptyIcon?: React.ReactNode;
/**
* Color variant for stars
* @default 'primary'
*/
variant?: "primary" | "secondary" | "success" | "warning" | "danger";
/**
* Callback when rating changes
*/
onChange?: (value: number) => void;
/**
* Callback when hover state changes
*/
onHoverChange?: (value: number | null) => void;
/**
* Glassmorphism elevation level
* @default 'level1'
*/
elevation?: "level1" | "level2" | "level3" | "level4" | "level5";
/**
* Enable glassmorphism effects
* @default true
*/
glass?: boolean;
/**
* Labels for each rating value (for accessibility)
*/
labels?: string[];
}
export declare const GlassRating: React.ForwardRefExoticComponent<GlassRatingProps & React.RefAttributes<HTMLDivElement>>;
export default GlassRating;
//# sourceMappingURL=GlassRating.d.ts.map