Skip to content
SproutAceve · v3.22.0
Get started
Overview What is your role? Connect to Sprout Adopting Sprout
Foundations
Brand & logos Color Typography Spacing & layout Elevation Iconography Accessibility
Components
Overview Buttons Inputs & forms Numeric input Data grid Ribbon toolbar Navigation Cards Alert Avatar Badge Dialog Tabs Floating tabs Menu
Practice
Interaction & motion Voice & content Product patterns
Artificial Intelligence
AI patterns AI transparency & disclosure AI disclosure label
People & ethics
Design principles Personas Trust and ethics Meet the makers
Playground
Build the systemplay Tower of tokensplay
Behind the system
How it works Changelogv3.22 Roadmap Contribute
Draft
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.

10 Ready
18 Beta
5 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.2Open
DialogReady

Modal dialog with focus trap and scrim.

Since v3.4Open
AI disclosure labelReady

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

Since v3.16Open
Button groupBeta

Segmented row of related actions sharing one border.

Since v3.20
Dropdown buttonBeta

Default action with an attached menu of variants.

Since v3.20
Icon buttonBeta

Icon-only action for toolbars and dense rows.

Since v3.20
Fab buttonBeta

Floating action button for the one primary action on a mobile surface.

Since v3.20
SelectBeta

Single-choice dropdown for a known, closed option list.

Since v3.20
TextareaBeta

Multi-line text field in S, M and L, with the full state set.

Since v3.20
Numeric inputBeta

Quantities, cost and VAT — integer/decimal modes, comma decimals, no spinners.

Since v3.13Open
List itemBeta

The row primitive behind lists and pickers — leading icon or avatar, text block, trailing action.

Since v3.20
MediaBeta

Image and video container with fixed aspect ratio and a fallback state.

Since v3.20
CarouselBeta

Horizontally paged content set with keyboard and swipe navigation.

Since v3.20
DrawerBeta

Right-anchored panel for details and editing.

Since v3.3Open
TabsBeta

Horizontal tab set — API still settling.

Since v3.5Open
Floating tabsBeta

Pill-shaped view switcher for the mobile app. Colours are raw hex, pending brandSurface tokens.

Since v3.22Open
Context menuBeta

Right-click / overflow command menu.

Since v3.4Open
AlertBeta

Inline info, success, warning and danger message block.

Since v3.20
Skeleton textBeta

Line placeholder that holds text layout while content loads.

Since v3.20
Skeleton buttonBeta

Button-shaped loading placeholder, sized to the button it replaces.

Since v3.20
TooltipBeta

Hover and focus hint. The Figma component set exists; the page is still to be written.

Since v3.20
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
ToastPlanned

Transient notification — used internally, not yet documented.

Roadmap
Date pickerPlanned

European-format date selection.

Roadmap
ComboboxPlanned

Autocomplete select with free text. Use Select for a closed option list — that one ships today.

Roadmap
← PreviousAccessibilityNext →Buttons
Sprout · Aceve Design System · v3.22.0
Figma library GitLabReleases