<Steps items={[
{ title: "Plan" },
{ title: "Build" },
{ title: "Deploy" },
]} current={1} />
Steps
src/components/navigation.tsx
Import
import { Steps } from "@ossrandom/design-system";
Examples
<Space size="sm">
<Steps
items={[
{ title: "Plan" },
{ title: "Build" },
{ title: "Deploy" },
]}
current={1}
size="xs"
/>
<Steps
items={[
{ title: "Plan" },
{ title: "Build" },
{ title: "Deploy" },
]}
current={1}
size="sm"
/>
<Steps
items={[
{ title: "Plan" },
{ title: "Build" },
{ title: "Deploy" },
]}
current={1}
size="md"
/>
<Steps
items={[
{ title: "Plan" },
{ title: "Build" },
{ title: "Deploy" },
]}
current={1}
size="lg"
/>
</Space>
API
extends BaseProps
| Prop | Type |
|---|---|
items required |
readonly StepItem[] |
current required |
number |
direction |
Direction |
size |
Size |
onChange |
(index: number) => void; |