mithril-materialized/dist/circular-progress.d.ts

A materialize library for mithril.

import { FactoryComponent, Attributes } from 'mithril';
import { MaterialColor, ColorIntensity } from './types';
/** Progress mode - determinate shows specific progress, indeterminate shows loading animation */
export type ProgressMode = 'determinate' | 'indeterminate';
/** Progress size options */
export type ProgressSize = 'small' | 'medium' | 'large';
/** CircularProgress component attributes */
export interface CircularProgressAttrs 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 inside the circle */
    label?: string | number;
    /** Auto-show percentage inside circle 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 CircularProgress component */
export declare const CircularProgress: FactoryComponent<CircularProgressAttrs>;