Pinned list
Headers that stay pinned while rows scroll under them
Account
Name
Email
Timezone
Language
Date format
Notifications
Build failures
Weekly digest
Releases
Mentions
Review requests
Danger zone
Delete workspace
Transfer ownership
Rotate the API token
Export everything
Archive the project
Installation
nub add @gpuixui/componentsUsage
import { PinnedList } from "@gpuixui/components/pinned-list";
<PinnedList
testId="settings"
aria-label="Settings"
style={{ height: 360 }}
sections={[
{ title: "Account", children: <AccountRows /> },
{ title: "Notifications", children: <NotificationRows /> },
{ title: "Danger zone", children: <DangerRows /> },
]}
/>;API
| Prop | Type | Default |
|---|---|---|
sections | ReadonlyArray<PinnedListSection> (a value that is not a list reads as none; an entry without a text title is dropped) | — |
headerHeight | number | 32 |
surfaceColor | string | theme background |
className | string | — |
style | StyleDesc | — |
testId | string | — |
aria-label | string | the runtime's "Scroll region" |
onScrollChange | (event) => void | — |
onLayout | (event) => void | — |
Edit this page on GitHubpackages/components/docs/pinned-list.mdx