AngularLynx

    Onboarding Wizard

    A four-step onboarding flow: a welcome screen, a role choice, multi-select interests and a summary.

    Built with the UI components: Progress, Radio Group, Checkbox, Card, Label, Separator and Button.

    onboarding-wizardsrc/app/app.ts

    What it shows

    • A step wizard — step() and @if pick the visible panel, and computed() derives the Progress value.
    • Single choice — a Radio Group with [(value)] picks one role.
    • Selectable cards — each interest row is tappable and holds a Checkbox. Class bindings highlight the selected rows.
    • A summary — the last step lists the choices in a Card, with their names looked up by computed().