benjaminpalko/.opencode/skills/daisyui/components/hero.md
Benjamin Palko f526f5c0aa
Some checks failed
Deploy / deploy (push) Failing after 39s
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

488 B

hero

Hero is a component for displaying a large box or image with a title and description

hero docs

Class names

  • component: hero
  • part: hero-content, hero-overlay

Syntax

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

Rules

  • {MODIFIER} is optional
  • Use hero-content for the text content
  • Use hero-overlay inside the hero to overlay the background image with a color
  • Content can contain a figure