StyledFloatingActionButton - Design

A pill-shaped extended FAB in the active persona’s accent palette. Source: styled_floating_action_button.dart.

StyledFloatingActionButton(
  icon: AshIcon(AshIcons.conversation),
  label: 'Talk to Ash',
  onPressed: startSession,
)

API

Parameter	Type	Notes
`onPressed`	`VoidCallback`	required
`icon`	`Widget`	required — tinted `accent.onButton`, 20 px via `IconTheme`
`label`	`String`	required — `buttonLarge` in `accent.onButton`

Anatomy

52 px tall stadium, horizontal padding 24, 4 px icon-label gap
Fill: accent.button
Border: 3 px inside stroke of accent.base[500] — the one place a component reaches into the accent’s raw ramp
Ink ripple via Material + InkWell, anti-aliased clip

Accessibility

Wrapped in SemanticButton with no explicit label — the visible label merges into a single semantics node, so screen readers announce “‹label›, button”.

Tokens consumed

accent.button, accent.onButton, accent.base[500]; typography buttonLarge. Changing persona (or wrapping in ThemeOverride) recolors the FAB automatically — see Persona theming.