> ## Documentation Index
> Fetch the complete documentation index at: https://docs.twenty.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Etiqueta

Componente para categorizar o etiquetar contenido visualmente.

<Tabs>
  <Tab title="Uso">
    ```jsx theme={null}
    import { Tag } from "@/ui/display/tag/components/Tag";

    export const MyComponent = () => {
      return (
        <Tag
          className
          color="red"
          text="Urgent"
          onClick={() => console.log("click")}
        />
      );
    };
    ```
  </Tab>

  <Tab title="Props">
    | Props         | Tipo    | Descripción                                                                                                                                 |
    | ------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
    | nombreDeClase | cadena  | Nombre opcional para estilo adicional                                                                                                       |
    | color         | cadena  | Color de la etiqueta. Las opciones incluyen: `verde`, `turquesa`, `cielo`, `azul`, `púrpura`, `rosa`, `rojo`, `naranja`, `amarillo`, `gris` |
    | texto         | cadena  | El contenido de la etiqueta                                                                                                                 |
    | enClic        | función | Función opcional llamada cuando un usuario hace clic en la etiqueta                                                                         |
  </Tab>
</Tabs>