Documentation
Work
<Work />
is an IIIF viewer that can be used to display digital IIIF manifests. It is built with Clover-IIIF . The latest version of Nextjs and React do not work with Clover-IIIF, so we must use v2.12.0.
Basic usage
import { Work } from '@/components/work'
<Work manifest="ubb-diplom-0034">
<Work.Content>
<Work.Description>
This is an example of how you can display a digital object in your exhibition.
Replace this text with your own description of the object you want to show.
</Work.Description>
<Work.Link href="https://marcus.uib.no/instance/charter/ubb-diplom-0034.html">
See more in Marcus
</Work.Link>
</Work.Content>
</Work>
Example
This is an example of how you can display a digital object in your exhibition. Replace this text with your own description of the object you want to show.
See more in Marcus
Without description
<Work manifest="ubb-diplom-0034">
<Work.Content>
<Work.Link href="https://marcus.uib.no/instance/charter/ubb-diplom-0034.html" />
</Work.Content>
</Work>
With description (without link)
<Work manifest="ubb-diplom-0034">
<Work.Content>
<Work.Description>
This is an example of how you can display a digital object in your exhibition.
Replace this text with your own description of the object you want to show.
</Work.Description>
</Work.Content>
</Work>
Custom link text
<Work manifest="ubb-diplom-0034">
<Work.Content>
<Work.Description>
This is an example of how you can display a digital object in your exhibition.
Replace this text with your own description of the object you want to show.
</Work.Description>
<Work.Link href="https://marcus.uib.no/instance/charter/ubb-diplom-0034.html">
See more in Marcus
</Work.Link>
</Work.Content>
</Work>
Standard link text (without children)
<Work manifest="ubb-diplom-0034">
<Work.Content>
<Work.Description>
This is an example of how you can display a digital object in your exhibition.
Replace this text with your own description of the object you want to show.
</Work.Description>
<Work.Link href="https://marcus.uib.no/instance/charter/ubb-diplom-0034.html" />
</Work.Content>
</Work>
Direct IIIF URL
<Work manifest="https://api.ub.uib.no/items/ubb-diplom-0034?as=iiif">
<Work.Content>
<Work.Description>
Dette diplomet er datert 7. august 1348 og handler om et drap i Bergen samme vĂĄr.
</Work.Description>
</Work.Content>
</Work>
Manifest prop
manifest
prop can be:
- String ID:
"ubb-diplom-0034"
- automatically converted to UB API URL - Direct URL:
"https://api.ub.uib.no/items/ubb-diplom-0034?as=iiif"
Quote
<Quote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Offendit eleifend moderatius ex vix, quem odio mazim et qui, purto expetendis cotidieque quo cu, veri persius vituperata ei nec. Et mazim recteque nam. Scripta periculis ei eam, te pro movet reformidans. Scripta periculis ei eam, te pro movet reformidans. Sed no sumo stet, est ei quodsi feugait liberavisse, in pro quot facete definitiones. Pri posse graeco definitiones cu, id eam populo quaestio adipiscing, usu quod malorum te. Ad doctus gubergren duo, mel te postea suavitate. Offendit eleifend moderatius ex vix, quem odio mazim et qui, ei denique consequuntur vix. Harum repudiandae sea at. Scripta periculis ei eam, te pro movet reformidans.
</Quote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Offendit eleifend moderatius ex vix, quem odio mazim et qui, purto expetendis cotidieque quo cu, veri persius vituperata ei nec. Et mazim recteque nam. Scripta periculis ei eam, te pro movet reformidans. Scripta periculis ei eam, te pro movet reformidans. Sed no sumo stet, est ei quodsi feugait liberavisse, in pro quot facete definitiones. Pri posse graeco definitiones cu, id eam populo quaestio adipiscing, usu quod malorum te. Ad doctus gubergren duo, mel te postea suavitate. Offendit eleifend moderatius ex vix, quem odio mazim et qui, ei denique consequuntur vix. Harum repudiandae sea at. Scripta periculis ei eam, te pro movet reformidans.
With source
<Quote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<Quote.Source>
— Shouted by <cite>[John Doe](https://example.com)</cite>
</Quote.Source>
</Quote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
— Shouted by John Doe