Utilities & Typesduskmoonimplemented1 demos

Breakpoint

Breakpoint names the responsive screen sizes used by Grid hooks and queries.

Import@duskmoon-dev/components

0API sections

0documented props

0behavior scenarios

Usage

When to use

Use it in setup, integration, or type-level code rather than as visible page content.
Keep usage close to the application boundary so global configuration remains easy to audit.

Implementation notes

StylesheetImport @duskmoon-dev/components/styles.css once in the app or docs shell.

Runtime placementUse helper exports at application setup boundaries or in typed utility modules.

ThemeThe preview inherits the active DuskMoon data-theme value from the docs layout.

Features

Package helper

Explains the exported helper, hook, or type and where it fits in app setup code.

Non-visual API

Provides typed usage examples even when there is no rendered component preview.

Feature Demos

These examples focus on typed integration because the export does not render a component preview.

Preview

Type-only export (no visual preview)

Type usage

type-driven

Breakpoint is a TypeScript-only breakpoint union exported from the root package.

Source

import type { Breakpoint } from "@duskmoon-dev/components";

const compact: Breakpoint = "sm";
const desktop: Breakpoint = "lg";

export const responsiveBreakpoints: Breakpoint[] = [compact, desktop];

API

The API reference below lists every parsed exported type or interface for Breakpoint.

No type source found.

No dedicated props interface was found.