Saltearse al contenido

FilterButtons

Este widget genera una fila de botones basados en una lista de etiquetas. Cada botón muestra una etiqueta y, si es la opción seleccionada, cambia su color de fondo y borde para destacarse. Al pulsar cualquier botón, se invoca un callback con la etiqueta seleccionada.

Importación

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

Constructor:

const FilterButtons({
super.key,
required this.labels,
required this.selected,
required this.onTap,
this.background
});

Parámetro del constructor:

ParámetroTipoDescripción
labelsList<String>Lista de etiquetas a mostrar en los botones de filtro.
selectedStringEtiqueta que indica cuál es el filtro actualmente seleccionado.
onTapFunction(String)Callback que se ejecuta al pulsar un botón, recibiendo la etiqueta seleccionada.
backgroundColor?Color opcional para el fondo del botón seleccionado.

Ejemplo de uso:

FilterButtons(
labels: ['Todos', 'Activos', 'Inactivos'],
selected: 'Activos',
onTap: (label) {
// Lógica para manejar la selección del filtro
},
background: Colors.blue,
)

FilterButtons