About this block

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.

When to use

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

• App shell
• Breadcrumbs with actions

After

• Users table
• Settings pages

What you can display

One strong use is the workspace settings shell. Other configurations:

• Personal settings. Groups become Profile, Security, and Notifications.
• Project settings. Groups become General, Environments, Deploy keys, and Danger zone.
• Collapsed mobile. The nav column becomes a Select trigger on small viewports.

Tip: Danger zone gets its own section separated by a rule because operators need to notice the break before they click, not after.