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
| Prop | Type | Default | Required |
|---|---|---|---|
as | ol, ul | ul | -- |
seeAlso | seeAlso (opens in a new tab) | -- | Yes |
className | string, undefined | -- | -- |
style | CSSProperties, undefined | -- | -- |
lang | string, undefined | -- | -- |
title | string, 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"
/>