saturation/uiWelcome
Welcome completion screen with overlapping workspace/user avatars and contextual message.
Y
U
Welcome to Saturation!
Your workspace is all set with a 14-day free trial of Saturation Team. Your budgets, expenses, and cost reports are about to get a whole lot easier.
After 14 days, you can stay on Team or switch plans anytime.
Features
- Overlapping avatars — Workspace logo and user avatar overlap for visual cohesion
- Personalized greeting — Dynamic welcome message with user's name
- Customizable slots — Custom logo, avatar, and message via render props
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| userName | string | - | User's first name for personalized greeting |
| workspaceName | string | "Your workspace" | Workspace name shown in message |
| workspaceLogo | ReactNode | - | Custom workspace logo element |
| userAvatar | ReactNode | - | Custom user avatar element |
| message | ReactNode | - | Custom message body |
| ctaLabel | string | "Let's begin" | Button label |
| footnote | string | - | Small text below the button |
| onContinue | () => void | - | Callback when CTA is clicked |
Components Used
button