ExperiencesGenerated from the public API

ProfileHero

The top of a personal site: a name as the `h1`, one line of context and the facts that matter.

@luc/ui/experiences

Examples

Default

The page's `h1` is the name, the lead is two sentences, and the facts are a definition list rather than a row of chips.

Available for collaborations

Ada Rensselaer

Quantitative researcher

I study how markets absorb information, and I build the tools I need to do it.

Based: Rotterdam
Focus: Market microstructure

<ProfileHero
  name="Ada Rensselaer"
  title="Quantitative researcher"
  eyebrow="Available for collaborations"
  lead="I study how markets absorb information, and I build the tools I need to do it."
  facts={[
    { id: "based", label: "Based", value: "Rotterdam" },
    { id: "focus", label: "Focus", value: "Market microstructure" },
  ]}
  links={links}
/>

Usage

import { ProfileHero } 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
`ProfileHero`	export	`({ name, title, lead, eyebrow, portrait, facts, links, actions, align, variant, className, ...props }: ProfileHeroProps) => 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