Onboarding
A four-step onboarding card: welcome, role radio cards, tag-style teammate invites with validation, and a ready checklist, with a progress header, skip, back and sliding step transitions.
Preview
- Current: Welcome
- Your role
- Your team
- Ready
Welcome, Ines
Three quick steps to set up Pebble. It takes about a minute, and you can change everything later.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| roles | { id, label, description?, icon? }[] | — | Radio cards on the role step. |
| product | string | "your workspace" | Product or workspace name used in the copy and checklist. |
| userName | string | — | Name in the welcome heading. |
| tasks | { id, label, done? }[] | [] | Extra checklist rows on the final step; workspace, role and invite rows are added for you. |
| maxInvites | number | 10 | Most invite chips accepted. |
| onFinish | ({ role, invites }) => void | — | Called when the invite step is sent or skipped; invites holds valid emails only. |
| onComplete | ({ role, invites }) => void | — | Called by the final step's button. |
| completeLabel | string | "Go to dashboard" | Label of the final step's button. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.