claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
18 lines • 974 B
TypeScript
/**
* Icon component types for ClarityKit
*/
export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export type IconName = 'check' | 'x' | 'plus' | 'minus' | 'chevron-down' | 'chevron-up' | 'chevron-left' | 'chevron-right' | 'arrow-left' | 'arrow-right' | 'alert' | 'info' | 'help-circle' | 'settings' | 'edit' | 'trash' | 'copy' | 'user' | 'users' | 'clock' | 'calendar' | 'inbox' | 'folder' | 'file' | 'search' | 'shield' | 'lock' | 'message-circle' | 'mail' | 'menu' | 'more-horizontal' | 'more-vertical' | 'play' | 'pause' | 'stop' | 'brain' | 'target' | 'lightbulb';
export interface IconProps {
/** Icon name from the available icon set */
name: IconName;
/** Icon size - affects width and height */
size?: IconSize;
/** Custom color (CSS color value or design token) */
color?: string;
/** Additional CSS classes */
class?: string;
/** Additional HTML attributes */
[key: string]: any;
}
//# sourceMappingURL=types.d.ts.map