Skip to content
Component installs need the registry setup— the Base UI shadcn project, the @vegastack namespace and the Cloudflare Access service token.
VegaStack Design

settings-01

A settings page — grouped SettingsRow sections over Field controls, with a sticky save bar. Composed from button, field, input, native-select.

Last updated

Settings

Workspace preferences for everyone on the Acme team.

Workspace

How this workspace is named and described across the product.

Shown in the sidebar and on every invitation.
A sentence teammates see when they join.
The role a new member starts with.

Notifications

Choose what Acme sends you and where.

Email the workspace owners when a run fails twice.
A Monday digest of runs, escalations and spend.
Occasional notes about what shipped.

Danger zone

These actions affect everyone in the workspace.

Transfer ownershipMove billing and admin rights to another member.
Delete workspacePermanently removes agents, runs and history.

This cannot be undone.

What it is

A settings page — grouped SettingsRow sections over Field controls, with a sticky save bar. It is a block: you pull it once with shadcn add, and then you own it — nothing re-pulls it and no integrity hash tracks your edits, unlike the components it composes.

Install

npx shadcn@latest add @vegastack/settings-01

This installs the block's own files plus the components it composes: button, field, input, native-select, settings-row, switch, textarea.

Preview

Settings

Workspace preferences for everyone on the Acme team.

Workspace

How this workspace is named and described across the product.

Shown in the sidebar and on every invitation.
A sentence teammates see when they join.
The role a new member starts with.

Notifications

Choose what Acme sends you and where.

Email the workspace owners when a run fails twice.
A Monday digest of runs, escalations and spend.
Occasional notes about what shipped.

Danger zone

These actions affect everyone in the workspace.

Transfer ownershipMove billing and admin rights to another member.
Delete workspacePermanently removes agents, runs and history.

This cannot be undone.

Files

FileRegistry typeTarget
settings-01/page.tsxregistry:pageapp/settings-01/page.tsx

Do / Don't

Do
Pull it once, then edit it freely — replace the sample data, the links and the copy with your own.
Don't
Treat it as an update-tracked component, or re-pull it and expect your edits to survive.

preview-03

Upstream's empty preview placeholder — one div, no components. Shipped for parity, not as a starting point. Composed from plain markup.

sidebar-01

A simple sidebar with navigation grouped by section. Composed from breadcrumb, dropdown-menu, label, separator.

On this page

What it isInstallPreviewFilesDo / Don't