Onboarding Tour

Feedback

Step-by-step tooltip tour that highlights UI elements for new users.

Default

Click Start Tour to launch

Step 1

Step 2

Step 3

Instalação via CLI

$ npx kikitocn add onboarding-tour

Exemplo de uso

Onboarding TourExample.tsx

import { OnboardingTour } from "@/components/ui/cn/onboarding-tour/OnboardingTour";

export function OnboardingTourExample() {
  return (
    <OnboardingTour isOpen />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`steps*`	`TourStep[]`	—	Passos do tour { target, title, content, placement? }
`isOpen*`	`boolean`	—	Controla visibilidade
`onClose*`	`() => void`	—	Callback ao fechar
`onComplete`	`() => void`	—	Callback ao completar todos os passos

Voltar para Feedback

Carregando…