Copyright

Three-slot footer bar for copyright text, attribution, or links. Slots are spaced with justify-between — useful for left/center/right footer layouts.

left item

middle item

right item

<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="js"><code><span class="line"><span style="color:#E1E4E8"> <</span><span style="color:#79B8FF">Copyright</span><span style="color:#B392F0"> class</span><span style="color:#F97583">=</span><span style="color:#9ECBFF">"w-full"</span><span style="color:#E1E4E8"> ></span></span> <span class="line"><span style="color:#E1E4E8"> <</span><span style="color:#85E89D">div</span><span style="color:#B392F0"> slot</span><span style="color:#F97583">=</span><span style="color:#9ECBFF">"left-item"</span><span style="color:#E1E4E8">>left item</</span><span style="color:#85E89D">div</span><span style="color:#E1E4E8">></span></span> <span class="line"><span style="color:#E1E4E8"> <</span><span style="color:#85E89D">div</span><span style="color:#B392F0"> slot</span><span style="color:#F97583">=</span><span style="color:#9ECBFF">"middle-item"</span><span style="color:#E1E4E8">>middle item</</span><span style="color:#85E89D">div</span><span style="color:#E1E4E8">></span></span> <span class="line"><span style="color:#E1E4E8"> <</span><span style="color:#85E89D">div</span><span style="color:#B392F0"> slot</span><span style="color:#F97583">=</span><span style="color:#9ECBFF">"right-item"</span><span style="color:#E1E4E8">>right item</</span><span style="color:#85E89D">div</span><span style="color:#E1E4E8">></span></span> <span class="line"><span style="color:#E1E4E8"> </</span><span style="color:#79B8FF">Copyright</span><span style="color:#E1E4E8">></span></span></code></pre>

Copyright with custom classes

left item

middle item

right item

<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="js"><code><span class="line"><span style="color:#E1E4E8"> <</span><span style="color:#79B8FF">Copyright</span><span style="color:#B392F0"> class</span><span style="color:#F97583">=</span><span style="color:#9ECBFF">"fixed bottom-0 z-0 w-full"</span><span style="color:#E1E4E8"> ></span></span> <span class="line"><span style="color:#E1E4E8"> <</span><span style="color:#85E89D">div</span><span style="color:#B392F0"> slot</span><span style="color:#F97583">=</span><span style="color:#9ECBFF">"left-item"</span><span style="color:#E1E4E8">>left item</</span><span style="color:#85E89D">div</span><span style="color:#E1E4E8">></span></span> <span class="line"><span style="color:#E1E4E8"> <</span><span style="color:#85E89D">div</span><span style="color:#B392F0"> slot</span><span style="color:#F97583">=</span><span style="color:#9ECBFF">"middle-item"</span><span style="color:#E1E4E8">>middle item</</span><span style="color:#85E89D">div</span><span style="color:#E1E4E8">></span></span> <span class="line"><span style="color:#E1E4E8"> <</span><span style="color:#85E89D">div</span><span style="color:#B392F0"> slot</span><span style="color:#F97583">=</span><span style="color:#9ECBFF">"right-item"</span><span style="color:#E1E4E8">>right item</</span><span style="color:#85E89D">div</span><span style="color:#E1E4E8">></span></span> <span class="line"><span style="color:#E1E4E8"> </</span><span style="color:#79B8FF">Copyright</span><span style="color:#E1E4E8">></span></span></code></pre>

Props

Prop	Type	Default	Description
`class`	`string`	`—`	Additional classes appended to the wrapper (e.g. positioning, width, z-index).

Slots

Slot	Description
`left-item`	Left-aligned content (e.g. copyright notice)
`middle-item`	Centered content (e.g. attribution or links)
`right-item`	Right-aligned content (e.g. socials or year)