sigilUI

Tour

Guide users through a sequence of interface targets.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { Tour } from "@sigil-ui/components";

Usage

<Tour trigger={<Button variant="outline">Start tour</Button>} steps={[{ title: "Step one", description: "Introduce a workflow." }]} />

CLI

npx @sigil-ui/cli add tour

Token Integration

Tour follows the Sigil component rules: styles resolve from var(--s-*), class names are mergeable through className, and the component is exported from @sigil-ui/components.