@datametria/vue-components
Version:
DATAMETRIA Vue.js 3 Component Library with Multi-Brand Theming - 51 components + 10 composables with theming support, WCAG 2.2 AA, dark mode, responsive system
46 lines (45 loc) • 1.44 kB
TypeScript
/**
* DatametriaSteps - Componente de passos/wizard
*
* @component
* @example
* <DatametriaSteps
* :active="1"
* :items="[
* { title: 'Passo 1', description: 'Descrição' },
* { title: 'Passo 2' },
* { title: 'Passo 3' }
* ]"
* direction="horizontal"
* />
*/
export interface StepItem {
/** Título do passo */
title: string;
/** Descrição do passo (opcional) */
description?: string;
/** Status customizado do passo */
status?: 'wait' | 'process' | 'finish' | 'error';
}
interface Props {
/** Índice do passo ativo (0-based) */
active?: number;
/** Array de itens dos passos */
items: StepItem[];
/** Direção dos passos */
direction?: 'horizontal' | 'vertical';
/** Modo simples (sem descrição) */
simple?: boolean;
/** Status global (sobrescreve status individual) */
status?: 'wait' | 'process' | 'finish' | 'error';
}
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
change: (index: number) => any;
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
onChange?: ((index: number) => any) | undefined;
}>, {
direction: "horizontal" | "vertical";
active: number;
simple: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
export default _default;