xevion/undefined.behavio.rs
1
0
Fork 0
mirror of https://github.com/Xevion/undefined.behavio.rs.git synced 2025-12-07 05:16:57 -06:00
Code Issues Packages Projects Releases Wiki Activity

Allow header text to be customizable

Browse Source
This commit is contained in:
Xevion
2023-11-27 20:16:57 -06:00
parent 8c379d5004
commit 4aeffb978c
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Header.astro
View File

@@ -1,13 +1,16 @@
---
interface Props {
className?: string | null;
children?: string | null;
}
const { className } = Astro.props;
const { className, children: propText } = Astro.props;
console.log(Astro.props);
const text = propText ?? "undefined behaviors";
---
<header class:list={["text-5xl text-center lowercase", className]}>
<div class="stack" style="--stacks: 3;">
<span style="--index: 0;">undefined behaviors</span>
<span style="--index: 1;">undefined behaviors</span>
<span style="--index: 2;">undefined behaviors</span>
<span style="--index: 0;">{text}</span>
<span style="--index: 1;">{text}</span>
<span style="--index: 2;">{text}</span>
</div>
</header>