
- Použití
- Vlastnosti
Kopírovat
Zeptat se AI
import { Tag } from "@/ui/display/tag/components/Tag";
export const MyComponent = () => {
return (
<Tag
className
color="red"
text="Urgent"
onClick={() => console.log("click")}
/>
);
};
| Vlastnosti | Typ | Popis |
|---|---|---|
| className | řetězec | Volitelný název pro dodatečné stylování |
| barva | řetězec | Barva štítku. Možnosti zahrnují: zelená, tyrkysová, nebeská, modrá, fialová, růžová, červená, oranžová, žlutá, šedá |
| text | textový řetězec | Obsah štítku |
| onClick | funkce | Volitelná funkce vyvolaná při kliknutí uživatele na štítek |