Skip to Content
This page documents Clover 3.x, @samvera/clover-iiif, the earlier version of Clover, kept here for reference. These docs lead with Clover 4: Get started.

SeeAlso

The SeeAlso component is used to display a list of related resources. A machine-readable resource such as an XML or RDF description that is related to the current resource that has the seeAlso property. The resource may be of any media type, and contain any type of data.

seeAlso ↗ 
<SeeAlso
  seeAlso={[
    {
      id: "https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275",
      type: "Dataset",
      format: "application/json",
      label: {
        none: ["Northwestern University Libraries Digital Collections API"],
      },
    },
  ]}
/>

Usage

React

import { SeeAlso } from "@samvera/clover-iiif/primitives";
 
const CustomSeeAlso = ({ seeAlso }) => {
  return <SeeAlso seeAlso={seeAlso} />;
};
 
export default CustomSeeAlso;

API Reference

PropTypeDefaultRequired
asol, ulul—
seeAlsoseeAlso —Yes
classNamestring, undefined——
styleCSSProperties, undefined——
langstring, undefined——
titlestring, undefined——
data-*string, undefined——
aria-*AriaAttributes, undefined——

Custom Element

The SeeAlso component can be rendered as either ol or ul elements. The default is ul.

<SeeAlso
  seeAlso={[
    {
      id: "https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275",
      type: "Dataset",
      format: "application/json",
      label: {
        none: ["Northwestern University Libraries Digital Collections API"],
      },
    },
  ]}
  as="ol"
/>