Invite your team
Step 2 of 4
- 1. Name your workspace
- 2. Invite your team
- 3. Connect your tools
- 4. Review your setup
Onboarding flow
AuthShell-composed workspace, team, integration, review, resume, validation, loading, and completion steps.
Workspace, team, integration, review, resume, completion, validation, and loading states.
Long invitation addresses stress the team step at mobile width.
test/dummy/app/components/gallery/flows/onboarding_page.rbrender NitroKit::AuthShell.new(
id: "gallery-onboarding-shell",
aria: { label: "Nitro workspace onboarding" },
data: {
gallery: "flow-surface",
gallery_flow: "onboarding",
gallery_mobile: state == "mobile" ? "true" : nil
}.compact
) do
turbo_frame_tag("gallery-onboarding-frame") { render_screen }
end