TogieChip

Este widget muestra un chip que contiene un label y permite la personalización de su apariencia a través de parámetros como padding, margin, colores de fondo, de texto y de borde, así como el radio del borde y el estilo de texto.

Importación

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

Constructor:

const TogieChip({
  required this.label,
  this.padding = const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
  this.margin,
  this.backgroundColor,
  this.textColor,
  this.borderColor = NeutralTheme.grey05,
  this.borderRadius = 100,
  this.textStyle,
  super.key,
});

Parámetro del constructor:

Parámetro	Tipo	Descripción
label	String	Texto que se mostrará en el 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 dentro del chip.
borderColor	Color	Color del borde del chip.
borderRadius	double	Radio de borde del chip.
textStyle	TextStyle?	Estilo de texto personalizado para el label.

Ejemplo de uso:

TogieChip(
  label: "Ejemplo de Chip",
  padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
  margin: const EdgeInsets.all(4),
  backgroundColor: Colors.blueAccent,
  textColor: Colors.white,
  borderColor: Colors.blue,
  borderRadius: 50,
  textStyle: TextStyle(fontSize: 14, fontWeight: FontWeight.bold),
)