Mask
Mask crops the content of an element to common shapes.
Installation
npx jsx-daisyui add maskAll shapes
mask-all-shapes
SquircleHeartHexagonHexagon 2DecagonPentagonDiamondSquareCircleStarStar 2Triangle ↑Triangle ↓Triangle ←Triangle →Avatar stack
mask-avatar-stack
Team grid
mask-team
Half mask
mask-half
Props
Mask
| Prop | Type | Default | Description |
|---|---|---|---|
shape | 'squircle' | 'heart' | 'hexagon' | 'hexagon-2' | 'decagon' | 'pentagon' | 'diamond' | 'square' | 'circle' | 'star' | 'star-2' | 'triangle' | 'triangle-2' | 'triangle-3' | 'triangle-4' | - | The shape to crop the element into. |
half | '1' | '2' | - | Crops only the first or second half of the element. |