Skip to content

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.

(opens in new tab)

HomeDocsComponentsExamplesPlayground

Language

Liquidify

Component catalog

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

Components

Gauge

Displays a value within a bounded range as an arc or bar. The default range is 0 to 1.

Code

import { Gauge } from "@liquidify/react/gauge"

Overview

Gauge example

Gauge with its basic configuration.

Key features

Glass material
Uses Liquidify surfaces and theme-aware design tokens.
Typed API
Typed React API with generated prop documentation.
Accessible by default
Preserves semantic structure, visible focus, and assistive-technology state.

Resources

Source
Markdown
JSON
Storybook