Package Exports

svelte-copyright

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (svelte-copyright) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

svelte-copyright

A Svelte component to format and display a copyright notice.

Installation

This package is available on NPM, and you can install it with npm or yarn:

npm install svelte-copyright

yarn add svelte-copyright

Usage

Import the Copyright component and use it in your Svelte project.

<script>
  import Copyright from 'svelte-copyright';
</script>

<footer>
  <Copyright>
    Dave Lunny
  </Copyright>
</footer>

This will output HTML which looks something like this:

<footer>
  <span>© Copyright 2020 Dave Lunny</span>
</footer>

Props

All props are optional (as they all have default values).

Prop	Possible Values	Default Value	Description
`date`	RFC2822/ISO8601 date string	`Date.now()`	Date for the copyright year.
`format`	`'numeric'` \| `'2-digit'`	`'numeric'`	Format for the copyright year.
`position`	`'pre'` \| `'post'`	`'pre'`	Position of the Copyright relative to the contents you provide.

Additional Props

Note that any additonal props will be spread onto the component. This allows you to do things like provide a custom class name to your component.

<Copyright class="custom-copyright">
  Dave Lunny
</Copyright>

<style>
  :global(.custom-copyright) {
    color: lime;
  }
</style>

Contributing

Feel free to file an issue or open a pull request. Ensure that you add tests for any new functionality.

Inspiration

This was inspired by react-copyright by Jason Bellamy.

✌️ Built by Dave Lunny.