Chip

Ação e status

Valor escolhido que a pessoa pode remover, como um filtro ativo.

Substitui no Brain:partners Chipfp-chip escrito à mão

Removível e fixo

ComercialÚltimos 30 diasFinanceiro

"use client";

import { Chip, toast } from "@paytime/ui";

export default function Example() {
  return (
    <div className="flex flex-wrap gap-2">
      <Chip tone="brand" onRemove={() => toast("Filtro removido")}>Comercial</Chip>
      <Chip onRemove={() => toast("Filtro removido")}>Últimos 30 dias</Chip>
      <Chip>Financeiro</Chip>
    </div>
  );
}