TogieIconChip

Este widget muestra un chip que contiene un label y opcionalmente un ícono al inicio y/o un trailingIcon al final. Es personalizable en cuanto a padding, margin, colores de fondo, texto y borde, tamaño del ícono y radio del borde.

Importación

import 'package:togie/widgets/general/togie_icon_chip.dart';

Constructor:

const TogieIconChip({
  required this.label,
  this.icon,
  this.trailingIcon,
  this.padding = const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
  this.margin,
  this.backgroundColor,
  this.textColor,
  this.iconColor,
  this.iconSize = 16,
  this.borderColor = NeutralTheme.oilBlack,
  this.borderRadius = 100,
  super.key,
  this.onTap,
  this.onLongPress,
});

Parámetro del constructor:

Parámetro	Tipo	Descripción
`label`	String	Texto que se mostrará en el chip.
`icon`	IconData?	Ícono opcional que se muestra al inicio del chip.
`trailingIcon`	IconData?	Ícono opcional que se muestra al final del chip.
`padding`	EdgeInsetsGeometry?	Espaciado interno del chip.
`margin`	EdgeInsetsGeometry?	Margen externo del chip.
`backgroundColor`	Color?	Color de fondo del chip.
`textColor`	Color?	Color del texto del chip.
`iconColor`	Color?	Color de los íconos del chip.
`iconSize`	double?	Tamaño del ícono.
`borderColor`	Color	Color del borde del chip.
`borderRadius`	double	Radio del borde del chip.
`onTap`	Function()?	Callback que se ejecuta al pulsar el chip.
`onLongPress`	Function()?	Callback que se ejecuta al mantener pulsado el chip.

Ejemplo de uso:

TogieIconChip(
    backgroundColor: Theme.of(context).primaryColorDark,
    iconColor: Theme.of(context).primaryColor,
    textColor: NeutralTheme.offWhite,
    label: "",
    trailingIcon: FontAwesomeIcons.lightArrowUpRight,
    iconSize: 12,
    onTap: () => context.goNamed(routeName),
),

TogieIconChip