Action Chip

 Action chips are a set of options which trigger an action related to primary content. Action chips should appear dynamically and contextually in a UI.

Action chips can be tapped to trigger an action or show progress and confirmation. They cannot be disabled; if the action is not applicable, the chip should not be included in the interface. (This contrasts with buttons, where unavailable choices are usually represented as disabled controls.)

Action chips are displayed after primary content, such as below a card or persistently at the bottom of a screen.

The material button widgets, RaisedButton, FlatButton, and OutlineButton, are an alternative to action chips, which should appear statically and consistently in a UI.

Constructors

ActionChip({Key key, Widget avatar, @required Widget label, TextStyle labelStyle, EdgeInsetsGeometry labelPadding, @required VoidCallback onPressed, double pressElevation, String tooltip, ShapeBorder shape, Clip clipBehavior: Clip.none, FocusNode focusNode, bool autofocus: false, Color backgroundColor, EdgeInsetsGeometry padding, VisualDensity visualDensity, MaterialTapTargetSize materialTapTargetSize, double elevation, Color shadowColor})

Create a chip that acts like a button. [...]

const

Properties

autofocus → bool

True if this widget will be selected as the initial focus when no other node in its scope is currently focused. [...]

final

avatar → Widget

A widget to display prior to the chip's label. [...]

final

backgroundColor → Color

Color to be used for the unselected, enabled chip's background. [...]

final

clipBehavior → Clip

The content will be clipped (or not) according to this option. [...]

final

elevation → double

Elevation to be applied on the chip relative to its parent. [...]

final

focusNode → FocusNode

An optional focus node to use as the focus node for this widget. [...]

final

hashCode → int

The hash code for this object. [...]

@nonVirtual, read-only, inherited

key → Key

Controls how one widget replaces another widget in the tree. [...]

final, inherited

label → Widget

The primary content of the chip. [...]

final

labelPadding → EdgeInsetsGeometry

The padding around the label widget. [...]

final

labelStyle → TextStyle

The style to be applied to the chip's label. [...]

final

materialTapTargetSize → MaterialTapTargetSize

Configures the minimum size of the tap target. [...]

final

onPressed → VoidCallback

Called when the user taps the chip. [...]

final

padding → EdgeInsetsGeometry

The padding between the contents of the chip and the outside shape. [...]

final

pressElevation → double

Elevation to be applied on the chip relative to its parent during the press motion. [...]

final

runtimeType → Type

A representation of the runtime type of the object.

read-only, inherited

shadowColor → Color

Color of the chip's shadow when the elevation is greater than 0. [...]

final

shape → ShapeBorder

The ShapeBorder to draw around the chip. [...]

final

tooltip → String

Tooltip string to be used for the body area (where the label and avatar are) of the chip.

final

visualDensity → VisualDensity

Defines how compact the chip's layout will be. [...]

final

Methods

build(BuildContext context) → Widget

ActionChip(
  avatar: CircleAvatar(
    radius: 30,
    backgroundColor: Colors.purpleAccent,
  ),
  label: Text('test'),
  onPressed: () {
    print('action chip works');
  },
),