Skip to Content

Rights

<Clover.Rights /><clover-rights>0.2 kB added to a page with a Root, gzipped7 kB added to a page with a <clover-root>, styles included, gzipped

The resource’s rights, or the current Canvas’s: a link to its license or rights statement.

<Clover.Root iiifContent={url}>
  <Clover.Rights />
</Clover.Root>
<clover-root
  iiif-content="https://clover.iiif.library.northwestern.edu/mocks/paged/manifest.json">
  <clover-rights></clover-rights>
</clover-root>

API reference

Reads rights from the Root’s resource and renders a link to it, the address as its text. It renders nothing while there is none. Its other props go to the a.

PropTypeDefaultDescription
of"manifest" | "canvas""manifest"Whose rights: the resource’s, or the Canvas the reader is on.
valuestring—An address to link instead of the Root’s. Outside a Root, the one.
classNamestring—Added to clover-rights.

<clover-rights>

The rights: a link to the license or rights statement.

NameTypeDefaultDescription
of"manifest" | "canvas"manifestWhose property: the Manifest's, or the Canvas in view's.
valuestring (a URL or JSON)—A rights URL, instead of the root's: as text, a URL or JSON. Outside a root, the one to show.
.valuestring | null—As a property: A rights URL, instead of the root's.

Examples

Under a heading

The link’s text is the address, as the property gives it, so place it where its context says what it is, as the Panel’s About section does.

Rights

<h4>Rights</h4>
<Clover.Rights />
<h4>Rights</h4>
<clover-rights></clover-rights>

An address of your own

Give it value to link an address you hold, in a Root<clover-root> or on its own.

<Clover.Rights value="http://creativecommons.org/publicdomain/mark/1.0/" />
<clover-rights
  value="http://creativecommons.org/publicdomain/mark/1.0/"></clover-rights>