Reference

FilledTonalIconButton

FilledTonalIconButton

FilledTonalIconButton control. Build it with the filled_tonal_icon_button helper.

Example

filled_tonal_icon_button(
  url: "https://example.com",
  icon: "add",
  selected: true,
  bgcolor: :surface_container_high,
  on_click: ->(event) {}
)

Properties

  • adaptive — Adapts to the platform (Material/Cupertino) when true.
  • alignment — Alignment of the content within the control.
  • autofocus — Requests focus when first shown.
  • bgcolor — Background color.
  • disabled_color — Disabled color.
  • enable_feedback — Plays touch feedback (sound/haptic) on interaction.
  • focus_color — Color shown while focused.
  • highlight_color — Highlight color.
  • hover_color — Color shown while hovered.
  • icon — Icon name shown by the control.
  • icon_color — Color of the icon.
  • icon_size
  • mouse_cursor — Cursor shown when hovering the control.
  • padding — Inner spacing between the border and the content.
  • selected — Whether the control is selected.
  • selected_icon — Selected icon.
  • selected_icon_color — Selected icon color.
  • size_constraints — Min/max size constraints.
  • splash_color — Splash color.
  • splash_radius — Splash radius.
  • style — Style overrides for the control.
  • url — URL the control loads or links to.
  • visual_density — Compactness of the control's layout.

Plus the common layout and animation properties shared by most controls (expand, visible, disabled, opacity, width, height, align, tooltip, animate_*, …).

Events

  • on_animation_end — Fired when an animation completes.
  • on_blur — Fired when the control loses focus.
  • on_click — Fired when the control is clicked/tapped.
  • on_focus — Fired when the control gains focus.
  • on_hover — Fired when the pointer enters/leaves the control.
  • on_long_press — Fired on a long press.
  • on_size_change — Fired when the control's size changes.

Reference

  • Family: materials
  • Widget type: filledtonaliconbutton
  • Helper: filled_tonal_icon_button