The Copyright component from pol-ui is a useful way to display the author and the year of the copyright of the website / application...
Importation
Import the component from pol-ui to use the conveyor element:
import { Copyright } from "pol-ui";Default copyright
Default conveyor
import { Copyright } from "pol-ui";
import React from "react";
const CopyrightComponent = () => {
return <Copyright />;
};
export default CopyrightComponent;Props
| Prop name | Type | Default | Description |
|---|---|---|---|
| by | string | "" | The name of the author. |
| className | string | "" | The class name of the component. |
| href | string | "" | The link to the author's website. |
| theme | CopyrightTheme | The theme of the component. | |
| year | number | new Date().getFullYear() | The year of the copyright. |
Examples
With values
Default conveyor
import { Copyright } from "pol-ui";
import React from "react";
const CopyrightComponent = () => {
return (
<Copyright
by="Pol Gubau Amores"
href="https://polgubau.com"
year={new Date().getFullYear()}
/>
);
};
export default CopyrightComponent;Theme
To learn more about how to customize the appearance of components, please see the Theme docs.
interface CopyrightTheme {
base: string;
href: string;
span: string;
}