@senka-ai/ui
Version:
A modern, type-safe Svelte 5 UI component library with full theme support, accessibility standards, and robust state management patterns
31 lines • 1.33 kB
TypeScript
import type { BaseProps, VariantComponent } from '../../type/component';
/**
* Progress Bar component props interface
* A visual representation of progress on a journey or task completion
*/
interface Props extends BaseProps, VariantComponent<'default' | 'stepped'> {
/** Progress value between 0 and 100 @default 0 */
progress?: number;
/** Maximum value for progress calculation @default 100 */
max?: number;
/** Current value for progress calculation */
value?: number;
/** Number of steps for stepped variant @default 5 */
steps?: number;
/** Current step for stepped variant (0-based) */
currentStep?: number;
/** Size of the progress bar @default 'medium' */
size?: 'small' | 'medium' | 'large';
/** Color variant of the progress bar @default 'primary' */
color?: 'primary' | 'success' | 'warning' | 'error';
/** Whether to show the progress text label @default false */
showLabel?: boolean;
/** Custom label text (overrides default percentage) */
label?: string;
/** Whether the progress bar is animated @default true */
animated?: boolean;
}
declare const ProgressBar: import("svelte").Component<Props, {}, "">;
type ProgressBar = ReturnType<typeof ProgressBar>;
export default ProgressBar;
//# sourceMappingURL=ProgressBar.svelte.d.ts.map