Templates · Product

Settings

Sectioned settings with sticky in-page nav on desktop, save-per-section, and a distinct destructive zone.

Preview

Every element on the page is a Nova primitive. Adjust tokens in src/styles.css.

Profile

Danger zone

Delete workspace

Install

Pull the template with the Nova CLI.

tsx
npx @novix-ui/cli template add settings

Routes created

  • src/routes/_app/settings.tsx

Source

tsx
// src/routes/_app/settings.tsx — see recipes/settings for the full source

What's included

Section navForm groupsDanger zonePer-section save