Component catalog

Find components by purpose, with API references, examples, and accessibility guidance.

Components

Loading page

Product

ComponentsExamplesPlaygroundPackages

Learn

DocumentationGetting startedConceptsDeveloper tools

Project

CommunityShowcaseVersionsGitHub

LicenseCreated by Juan Chavez Cornejo

Independent open-source software. Not affiliated with or endorsed by Apple Inc.

Liquidify

Documentation
Developer tools
Documentation versions

SSR and React Server Components

Guides

Customizing materials

Documentation versions

Liquidify

List

Group navigation, actions, and single-choice options into rounded sections.

Code

import { List } from "@liquidify/react/list"

Overview

Navigation and values

Use links for page destinations and disclosure buttons for deeper settings screens.

Single selection

Native radio inputs provide keyboard selection and an accent checkmark.

Key features

Grouped surface
Shares GroupBox colors and radius, with automatic separators between rows.
Row content
List.Item accepts label, detail, leadingIcon, labelProps, and detailProps.
Section context
List.Section accepts header, footer, and labelProps. Arrays and conditional items are supported.

Resources

Source
Markdown
JSON
Storybook

Components

Component catalog

Find components by purpose, with API references, examples, and accessibility guidance.

Components

List

Group navigation, actions, and single-choice options into rounded sections.

Code

import { List } from "@liquidify/react/list"

Overview

Navigation and values

Use links for page destinations and disclosure buttons for deeper settings screens.

Single selection

Native radio inputs provide keyboard selection and an accent checkmark.

Key features

Grouped surface
Shares GroupBox colors and radius, with automatic separators between rows.
Row content
List.Item accepts label, detail, leadingIcon, labelProps, and detailProps.
Section context
List.Section accepts header, footer, and labelProps. Arrays and conditional items are supported.

Resources

Source
Markdown
JSON
Storybook

Components