AngularLynx

    Settings Page

    A settings screen with grouped switches, a language picker, a theme choice and a confirmed "Delete Account" button. Use it as a starting point for your own preferences screen.

    Built with the UI components: Switch, Select, Radio Group, Alert Dialog, Button, Label and Separator.

    settings-pagesrc/app/app.ts

    What it shows

    • Two-way binding to signals — [(checked)], [(value)] and [(open)] bind each control straight to a signal. See Signals and change detection.
    • Grouped sections — headings and separators split the screen into Notifications, Appearance and Danger Zone.
    • Tappable radio labels — each label sits inside its ui-radio-group-item, so tapping the text selects the option. Lynx has no <label for>.
    • Confirming a destructive action — Delete Account opens an Alert Dialog with Cancel and Delete buttons.
    • A stored theme choice — the theme radio group only saves the choice in a signal. To switch colors, see Dark mode.