UI·loomora/Copyrights

Copyrights

Renders a year range, copyright holder, optional sponsor link, and customizable trailing content.

Interactive live playground

Tweak props, change states, and see the live component respond in real time.

Live

How to call

Import directly from the Loomora package root. For projects without Tailwind CSS, ensure loomora/dist/index.css is imported once in your root layout.

import { Copyrights } from 'loomora'

<Copyrights startYear={2024} sponsor="Bhoenix Studio" copyrights=" · Crafted for the web" />

API reference

Important public props and how they affect rendering.

4 props
PropTypeDefaultDescription
startYearnumbercurrent yearFirst year in the displayed range.
sponsorstring—Optional sponsor label.
sponsorLinkstring—Optional sponsor URL.
copyrightsReactNodeconfig defaultAdditional attribution content.