> ## 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.

# Etichetă

Componentă pentru a categoriza vizual sau a eticheta conținutul.

<Tabs>
  <Tab title="Utilizare">
    ```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="Proprietăți">
    | Proprietăți | Tip     | Descriere                                                                                                                      |
    | ----------- | ------- | ------------------------------------------------------------------------------------------------------------------------------ |
    | className   | șir     | Nume opțional pentru stilizare suplimentară                                                                                    |
    | culoare     | șir     | Culoarea etichetei. Opțiunile includ: `green`, `turquoise`, `sky`, `blue`, `purple`, `pink`, `red`, `orange`, `yellow`, `gray` |
    | text        | șir     | Conținutul etichetei                                                                                                           |
    | onClick     | funcție | Funcție opțională apelată când un utilizator face clic pe etichetă                                                             |
  </Tab>
</Tabs>