claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
63 lines • 2.15 kB
TypeScript
interface Props {
type?: 'circular' | 'stepped' | 'stacked' | 'animated';
value?: number | number[];
min?: number;
max?: number;
label?: string;
description?: string;
showValue?: boolean;
color?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | string;
size?: 'sm' | 'md' | 'lg';
animate?: boolean;
animationDuration?: number;
ariaLabel?: string;
thickness?: number;
showLabel?: boolean;
steps?: Array<{
id: string | number;
label?: string;
status?: 'pending' | 'in-progress' | 'completed' | 'error' | 'warning';
progress?: number;
}>;
currentStep?: number;
orientation?: 'horizontal' | 'vertical';
showStepLabels?: boolean;
segments?: Array<{
value: number;
color?: string;
label?: string;
ariaLabel?: string;
}>;
showSegmentLabels?: boolean;
showSegmentValues?: boolean;
variant?: 'default' | 'gradient' | 'striped' | 'pulse';
trackColor?: string;
height?: number | string;
borderRadius?: number | string;
animationType?: 'ease' | 'bounce' | 'elastic';
indeterminate?: boolean;
indeterminateSpeed?: number;
}
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
$$bindings?: Bindings;
} & Exports;
(internal: unknown, props: Props & {
$$events?: Events;
$$slots?: Slots;
}): Exports & {
$set?: any;
$on?: any;
};
z_$$bindings?: Bindings;
}
declare const Progress: $$__sveltets_2_IsomorphicComponent<Props, {
change: CustomEvent<any>;
stepChange: CustomEvent<any>;
segmentClick: CustomEvent<any>;
} & {
[evt: string]: CustomEvent<any>;
}, {}, {}, "value" | "steps" | "segments">;
type Progress = InstanceType<typeof Progress>;
export default Progress;
//# sourceMappingURL=Progress.svelte.d.ts.map