Sistine

Readable Text

Component
View in Storybook

APCA contrast guard: renders text in an accent color while it stays readable on the current glass surface, and swaps to a readable foreground otherwise. Reactive to the live glass tint and light/dark.

Installation
Install this component using the shadcn CLI with your preferred package manager
bunx shadcn@latest add @sistine/readable-text
Usage
Example code for using this component

Preview not available for this component.

Props
Component props and variants

This component supports the following variants:

  • default - Standard styling
  • glass - Glassmorphism effect (default)