@antadesign/anta
    Preparing search index...

    Interface StepOptionUnreviewed

    One phase rendered by <Steps>. Inherited className and style land on the individual <a-tab>, not on the enclosing Steps sequence.

    interface StepOption {
        value: string;
        label: ReactNode;
        hint?: ReactNode;
        state: StepState;
        tone?: StepTone | "";
        marker?: StepMarker;
        disabled?: boolean;
        className?: string;
        style?: CSSProperties;
        [key: `data-${string}`]: unknown;
    }

    Hierarchy (View Summary)

    Indexable

    • [key: `data-${string}`]: unknown

      Additional data attributes on the option's rendered row.

    Index
    value: string

    Stable phase identity. Values must be unique within the sequence.

    label: ReactNode

    Visible phase label. It ellipsizes in a constrained step; its full content is available in a tooltip only when clipped.

    hint?: ReactNode

    Secondary text shown below the label. It ellipsizes in a constrained step; its full content is available in a tooltip only when clipped.

    state: StepState

    Application-owned process state. Selection and availability are separate; error keeps a critical icon and outline, and selection adds the fill.

    tone?: StepTone | ""

    Tone for this phase. It colors the label, hint, marker, and completed connector. Overrides the Steps tone; error steps stay critical and disabled steps stay neutral.

    inherits Steps tone

    marker?: StepMarker

    Replaces the marker derived from state. A number is shown directly; an Anta icon shape is rendered as an <Icon>.

    disabled?: boolean

    Disables this phase. A custom marker or renderMarker result is kept; otherwise it uses the incomplete marker.

    className?: string

    CSS class on the option's rendered row.

    style?: CSSProperties

    Inline styles on the option's rendered row.