Reddot UI Library

Docs
Step Transition Wrapper

Step Transition Wrapper

A reusable component.

Installation

$npx shadcn@latest add https://reddot.dottools.xyz/r/step-transition-wrapper.json

Utilisation

import { step-transition-wrapper } from '@/blocks/step-transition-wrapper';
 
export default function Example() {
  return (
    <step-transition-wrapper />
  );
}

Dépendances

Ce composant nécessite les dépendances suivantes :

  • motion

Exemple

Voici un exemple d'utilisation du composant Step Transition Wrapper :

import { step-transition-wrapper } from '@/blocks/step-transition-wrapper';
 
export default function ExamplePage() {
  return (
    <div className="p-4">
      <step-transition-wrapper />
    </div>
  );
}

Notes

  • Ce composant block fait partie du système de design
  • Peut être utilisé comme composant autonome ou intégré dans des pages complexes
  • Respecte les conventions de style et d'accessibilité