Onboarding flow

Workspace onboarding

AuthShell-composed workspace, team, integration, review, resume, validation, loading, and completion steps.

Workspace onboarding

Workspace, team, integration, review, resume, completion, validation, and loading states.

Review

Step four summarizes deterministic state before required confirmation.

Review your setup

Step 4 of 4

1. Name your workspace
2. Invite your team
3. Connect your tools
4. Review your setup

Workspace: Analytical Engines — Research and Production
Team size: Up to 20 people
Invitations: [email protected] and [email protected]
Integration: Github

ViewportFull width

WidthPreset

Rubytest/dummy/app/components/gallery/flows/onboarding_page.rb

render 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