ExperiencesGenerated from the public API

ProjectShowcase

A grid that grows the chosen project into a detail region, controlled or not.

@luc/ui/experiences

Examples

Default

Cover art is optional and falls back to a typographic tile, so the gallery works with no images at all.

Luc UI

A component library with a charting surface.

react
charts

<ProjectShowcase
  projects={projects}
  label="Projects"
  columns={2}
  renderDetail={(project) => <Text variant="body">{project.summary}</Text>}
/>

Usage

import { ProjectShowcase } 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.

Exported symbols
Export	Kind	Signature
`ProjectShowcase`	export	`({ projects, renderMedia, renderDetail, value, defaultValue, onValueChange, defaultOpenFirst, label, columns, className, ...props }: ProjectShowcaseProps) => 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