Overview

Getting started

Styling

Layout

Typography

Responsive

Filters

Focus

Actions

Data

Debug

Animation

Collection

Color

Control

Behavior

Date & Time

Disclosure

File

Graphics

Indicator

Layout

Media

Overlay

Surface

Source

Typography

Lab

Button

Clickable actions with semantic variants, sizes, and states.

Variants

Fluid uses semantic variant names (primary, secondary, outlined, ghost) that map to Radix equivalents (solid, soft, outline, ghost).

Colors

Sizes

States

Using Constants

String literals and constants are interchangeable: 'primary' = ButtonVariant.Primary

Get Started Components Icons Colors

·

Features Built With

Built withRadix·Tailwind·React Aria