ReadingShelf
Books and papers grouped by status, with progress as a real progress bar.
@luc/ui/experiencesExamples
Default
Grouped by status, with progress rendered only for the statuses where progress means anything.
Reading now
1Trading and Exchanges
Larry Harris
p. 142 of 380
Up next
1Thinking in Systems
Donella Meadows
For the regime chapter.
Finished
1The Visual Display of Quantitative Information
Edward Tufte
<ReadingShelf
items={items}
layout="list"
label="Reading shelf"
/>Usage
import { ReadingShelf } from "@luc/ui/experiences";Package setup — peer requirements, the stylesheet and the provider — is on installation.
API
Read from the published TypeScript API, so a prop that is not listed here does not exist and a default that is listed is the one the compiler sees.
| Export | Kind | Signature |
|---|---|---|
ReadingShelf | export | ({ items, statuses, statusLabels, layout, label, emptyGroupText, className, ...props }: ReadingShelfProps) => import("@types/react").JSX.Element |
Family
Experiences
Assemblies a personal site is actually made of — hero, timeline, projects, publications, reading, `/now`.
7 documented entries in this family. Open the family index
Related