Masks allow you to create a variety of shapes and patterns!
Masks are NOT a full component, but rather a set of CSS classes that can be applied to many existing elements.
Masks can be applied to many elements, and can be combined with other classes to create interesting effects.
- masks = ["mask-squircle", "mask-heart", "mask-hexagon", "mask-hexagon-2",
"mask-decagon", "mask-pentagon", "mask-diamond", "mask-square", "mask-circle",
"mask-star", "mask-star-2", "mask-triangle", "mask-triangle-2", "mask-triangle-3",
"mask-triangle-4"]
.grid.grid-cols-4.gap-4
- masks.each do |mask|
= daisy_tip(mask) do
= daisy_avatar(src: image_path("avatars/lady-smiling-2.jpg"), wrapper_css: "rounded-none mask #{mask}")
Masks can also be applied to HTML elements. Masks apply the inline-block
display, so you may need to override that for certain cases.
Create virtual credit / debit cards to keep your real info safe.
Get $5 when you sign up — free to start!
Everything you need to grow your business with confidence!
CRM, Lead Generation, Project Management, Contracts, Online Payments, and more!
The ads above are affiliate links to products I regularly use and highly
recommend.
I may receive a commission if you decide to purchase.