claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
26 lines • 1.04 kB
TypeScript
type $$ComponentProps = {
status?: 'success' | 'warning' | 'error' | 'info' | 'default' | 'custom';
size?: 'sm' | 'md' | 'lg';
pulse?: boolean;
color?: string;
label?: string;
class?: string;
};
/**
* StatusDot
*
* Standalone status dot component for displaying status indicators.
* Extracted from StatusIndicator for reusable status visualization.
* SSR-compatible with safe animation handling.
*
* @prop {string} [status='default'] - Status type (success, warning, error, info, default, custom)
* @prop {string} [size='md'] - Dot size (sm, md, lg)
* @prop {boolean} [pulse=false] - Whether to show pulse animation
* @prop {string} [color] - Custom color for the dot (overrides status color)
* @prop {string} [label] - Accessible label for the status
* @prop {string} [className] - Additional CSS classes
*/
declare const StatusDot: import("svelte").Component<$$ComponentProps, {}, "">;
type StatusDot = ReturnType<typeof StatusDot>;
export default StatusDot;
//# sourceMappingURL=StatusDot.svelte.d.ts.map