Filters and preferences

Applied filters and shared display preferences.

Pattern

Example

A representative composition rendered with the published package API.

StatusConnected
Appearance
Density

Options

The decisions most consumers need to make when adopting this family.

preference
appearance · density

Preferences persist at the root so overlays and portals inherit them.

Usage

Copy the package import and adapt the composition to product-owned content and state.

import { AppearanceControl, DensityControl, DesignPreferenceControls, DesignSystemPreferenceScript, DesignSystemPreferenceSync } from "@conscia-labs/design-system";