Skip to content

04 / Actions · Shared reference

Actions with a clear purpose.

Wizard-based button proportions and action hierarchy, with explicit keyboard focus and readable contrast. Every interaction here is a local demonstration; nothing is applied, uploaded or sent.

Action standard · Optional icons and elevation; explicit chip extension

Actual wizard → shared standard

Left: captured WSDMM controls. Right: live shared components. The wide source add-row capture is cropped at native size to preserve its text/icon scale. The Apply source capture includes padding to show its shadow. Disabled source and standard colors intentionally differ.

Actual WSDMM source
Live KB standard

Toolbar

Actual light WSDMM toolbar

Toolbar

Primary navigation

Actual light WSDMM primary navigation

Primary navigation

Secondary navigation

Actual light WSDMM secondary navigation

Secondary navigation

Disabled

Actual light WSDMM disabled

Disabled

Apply / local loading

Actual light WSDMM apply / local loading

Apply / local loading

Add-row action

Actual light WSDMM add-row action

Add-row action

Passive count panel

Actual light WSDMM passive count panel

Passive count panel

0 devices

Passive count pill

Actual light WSDMM passive count pill

Passive count pill

0 devices

Local example ready.

Explicit standard extensions

These are proposed interaction rules, not live wizard variants. The type badge is source-inspired; selectable chips and the destructive action are extensions.

Text-only buttons

Icons are optional. Use them only when they help explain the action.

Named icon actions

Field reference

Passive type badges

DAU IOLM

Static information; these are not tab stops.

Selectable chips

No types selected.