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

23 lines
488 B
Markdown

### hero
Hero is a component for displaying a large box or image with a title and description
[hero docs](https://daisyui.com/components/hero/)
#### Class names
- component: `hero`
- part: `hero-content`, `hero-overlay`
#### Syntax
```html
<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