Theme

A utility component for managing color scheme appearance in your application.

Usage

Wraps your content and applies the appropriate color scheme based on the appearance prop. It sets the data-color-scheme attribute and CSS color-scheme property on the wrapper element.

import { Theme, Text } from "@elemnts-ui/react"

<Theme appearance="dark">
  <Text>This content is wrapped in a dark color scheme.</Text>
</Theme>

Examples

Appearance Modes

Change the appearance mode using the appearance prop.

API Reference

Prop	Type	Default
appearance	`"auto" \| "light" \| "dark"`	—