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

# Etiket

İçeriği görsel olarak kategorize etmek veya etiketlemek için bileşen.

<Tabs>
  <Tab title="Kullanım">
    ```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="Özellikler">
    | Özellikler | Tür      | Açıklama                                                                                                                  |
    | ---------- | -------- | ------------------------------------------------------------------------------------------------------------------------- |
    | className  | dize     | Ek stil için isteğe bağlı isim                                                                                            |
    | renk       | dize     | Etiketin rengi. Seçenekler: `yeşil`, `turkuaz`, `gökyüzü`, `mavi`, `mor`, `pembe`, `kırmızı`, `turuncu`, `sarı`, ve `gri` |
    | metin      | dize     | Etiketin içeriği                                                                                                          |
    | onClick    | function | Kullanıcı etikete tıkladığında çağrılan isteğe bağlı fonksiyon                                                            |
  </Tab>
</Tabs>