baobeld/benjaminpalko
1
0
Fork 0
Code Pull requests Packages 2 Activity Actions
benjaminpalko/.opencode/skills/daisyui/components/aura.md
Benjamin Palko f526f5c0aa
Some checks failed
Deploy / deploy (push) Failing after 39s
Details
set up new workflow and migrate to .forgejo dir (#5) 
Co-authored-by: Benjamin Palko <benjaminpalko@hotmail.com>
Reviewed-on: #5
2026-08-11 20:55:29 -04:00

1.2 KiB
Raw Blame History

aura

Aura is a border light effect that can wrap around any component. It is a great way to add a cool, eye-catching visual effect to your components. Aura is useful for the most important button, card, or div that you want to highlight. aura docs

Class names

  • component: aura
  • style: aura-dual, aura-rainbow, aura-holo, aura-gold, aura-silver, aura-glow
  • size: aura-xs, aura-sm, aura-md, aura-lg, aura-xl

Syntax

<div class="aura {MODIFIER}">{CONTENT}</div>

Rules

  • {MODIFIER} is optional and can have one of each style/size class names
  • you can set custom colors using text-* color classes. For example, text-primary will use the primary color for the aura
  • you can set custom background color using bg-* color classes. For example, bg-secondary will use the secondary color for the background of the aura
  • you can set custom animation duration using duration-* classes. For example, duration-1000 will set the animation duration to 1 second
  • aura must have one direct child element
  • aura is good for a button, or a card or a div that you want to highlight
  • do not use aura for multiple elements on the same page because it can be visually overwhelming