Connect your tools
Step 3 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.
Step three uses a native required radio fieldset.
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