mithril-materialized
Version:
A materialize library for mithril.
41 lines (40 loc) • 1.56 kB
TypeScript
import { FactoryComponent, Attributes } from 'mithril';
import { MaterialColor, ColorIntensity } from './types';
import { ProgressMode, ProgressSize } from './circular-progress';
/** LinearProgress component attributes */
export interface LinearProgressAttrs extends Attributes {
/** Progress mode (default: 'indeterminate') */
mode?: ProgressMode;
/** Current progress value (0-100) for determinate mode */
value?: number;
/** Maximum progress value (default: 100) */
max?: number;
/** Size variant (default: 'medium') */
size?: ProgressSize;
/** Materialize color (default: 'teal') */
color?: MaterialColor;
/** Color intensity modifier */
colorIntensity?: ColorIntensity;
/** Label to display at the end (right side) */
label?: string | number;
/** Auto-show percentage at the end for determinate mode (default: false) */
showPercentage?: boolean;
/** Additional CSS class names */
className?: string;
/** Additional CSS styles */
style?: any;
/** HTML ID for the component */
id?: string;
/** ARIA label for accessibility */
'aria-label'?: string;
/** ARIA valuemin (default: 0) */
'aria-valuemin'?: number;
/** ARIA valuemax (default: 100) */
'aria-valuemax'?: number;
/** ARIA valuenow (current value) */
'aria-valuenow'?: number;
/** ARIA valuetext (custom text description) */
'aria-valuetext'?: string;
}
/** Create a LinearProgress component */
export declare const LinearProgress: FactoryComponent<LinearProgressAttrs>;