ExperiencesGenerated from the public API

SocialLinks

The three things every personal site gets wrong — accessible names, new-tab warnings, list semantics.

@luc/ui/experiences

Examples

Default

The label is always visible, the glyph is decorative, and the handle distinguishes two accounts on one service.

<SocialLinks
  links={[
    { id: "email", label: "Email", href: "mailto:ada@example.com", handle: "ada@example.com" },
    { id: "orcid", label: "ORCID", href: "https://orcid.org/0000-0002-1825-0097" },
  ]}
  label="Profiles and contact"
/>

Usage

import { SocialLinks } 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
`SocialLinks`	export	`({ links, orientation, withHandles, size, label, className, ...props }: SocialLinksProps) => 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