Compact element representing an input, attribute, or action. Supports label, icon, dismiss, and selected states.
FluxChip(
label: 'React',
avatar: Icon(Icons.code),
onDeleted: () => removeTag('React'),
onSelected: (v) => setState(() => selected = v),
variant: FluxChipVariant.outlined,
)
| Variant |
Visual |
| filled |
Solid background |
| outlined |
Border only |
| tonal |
Muted background |
| Property |
Type |
Description |
| label |
String |
Chip text |
| avatar |
Widget? |
Leading icon/avatar |
| onDeleted |
VoidCallback? |
Show dismiss button |
| selected |
bool? |
Selected state |
| onSelected |
ValueChanged? |
Selection callback |
| variant |
FluxChipVariant |
Visual variant |