Secondary Settings Nav
The settings nav column with grouped links and the Danger zone last and muted.
The settings nav column with grouped links and the Danger zone last and muted.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Secondary Settings Nav is the two-column settings layout extracted as a standalone block: a 56-wide nav column with two grouped link sets, Workspace covering General, Members (active, bg-muted), and Billing, and Developers covering API keys and Webhooks, with Danger zone below a top border rule and rendered in a lower contrast muted tone. The content column is a card panel showing the Members page header, 5 of 8 seats used on the Team plan, with an Invite member button, and a dashed drop zone for the members list.
Link groups are one const array with a label and a links sub-array carrying active booleans. The Danger zone sits outside the groups array intentionally; it is always last and never grouped with operational links.
Reach for this block as the shell of any settings area with more than four pages, wired to your router for active state and to your seats endpoint for the panel subtitle count.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the workspace settings shell. Other configurations:
Tip: Danger zone gets its own section separated by a rule because operators need to notice the break before they click, not after.