@senka-ai/ui
Version:
A modern, type-safe Svelte 5 UI component library with full theme support, accessibility standards, and robust state management patterns
32 lines • 1.29 kB
TypeScript
import type { FormInputComponent } from '../../type/component';
import { type ValidationRule } from '../../utils/validation.svelte';
interface Props extends Omit<FormInputComponent, 'value'> {
/** Current numeric value */
value?: number;
/** Minimum allowed value */
min?: number;
/** Maximum allowed value */
max?: number;
/** Step size for slider increments */
step?: number;
/** Whether to show the current value */
showValue?: boolean;
/** Whether to show the label */
showTitle?: boolean;
/** Format for the displayed value (e.g., percentage) */
valueFormat?: 'number' | 'percentage';
/** Input state override */
inputState?: 'default' | 'focused' | 'error' | 'disabled';
/** Whether the field is required */
required?: boolean;
/** Array of validation rules to apply to this field */
validationRules?: ValidationRule<number>[];
/** Whether to show validation errors immediately or only after change */
validateOnChange?: boolean;
/** Callback fired when value changes */
onchange?: (value: number) => void;
}
declare const Slider: import("svelte").Component<Props, {}, "value">;
type Slider = ReturnType<typeof Slider>;
export default Slider;
//# sourceMappingURL=Slider.svelte.d.ts.map