Skip to content
SproutAceve · v3.7.0
Get started
OverviewWhat is your role?Adopting SproutGetting startedInstallChangelogv3.7
Foundations
Brand & logosColorTypographySpacing & layoutElevationIconography
Components
OverviewButtonsInputs & formsData gridRibbon toolbarNavigation
Practice
Interaction & motionVoice & contentProduct patternsAI patterns
People & ethics
Design principlesPersonasUX ethicsTrust & direction
Playground
Build the systemplayTower of tokensplay
Behind the system
How it works
Components

Component coverage.

Every Sprout component and where it stands today. We only mark a component Ready once it's documented, accessible and running in a shipped Aceve product — so adopting one is a shortcut, not a risk.

9 Ready
3 Beta
7 Planned
0 Deprecated
ButtonsReady

Primary, secondary, subtle and destructive — full state matrix.

Since v3.2Open
InputsReady

Text fields with label, helper, error and disabled states.

Since v3.2Open
CheckboxReady

Accessible checkbox with indeterminate state.

Since v3.3Open
SwitchReady

On/off toggle wired with role="switch".

Since v3.3Open
Data gridReady

Dense, keyboard-navigable table for cost work.

Since v3.3Open
Ribbon toolbarReady

Above-the-canvas grouped command toolbar.

Since v3.1Open
SidenavReady

Always-visible vertical product navigation.

Since v3.1Open
CardsReady

Surface container built on the elevation tokens.

Since v3.2
DialogReady

Modal dialog with focus trap and scrim.

Since v3.4
DrawerBeta

Right-anchored panel for details and editing.

Since v3.3Open
TabsBeta

Horizontal tab set — API still settling.

Since v3.5
Context menuBeta

Right-click / overflow command menu.

Since v3.4
AI disclosure labelPlanned

Marks AI-generated content — required under EU AI Act Art. 50.

RoadmapOpen
Receipt cardPlanned

Shows sources and reasoning behind an AI suggestion, with confirm.

RoadmapOpen
Confidence indicatorPlanned

Visible uncertainty state for AI output — never a bare percentage.

RoadmapOpen
TooltipPlanned

Hover / focus hint — spec in progress.

Roadmap
ToastPlanned

Transient notification — used internally, not yet documented.

Roadmap
Date pickerPlanned

European-format date selection.

Roadmap
ComboboxPlanned

Autocomplete select — under research.

Roadmap
← PreviousIconographyNext →Buttons
Sprout · Aceve Design System · v3.7.0
Figma library GitLabReleases