Files
Nebula-Core/documentation/core-ui.md
T
andrew 987ff560f5 Add initial Nebula Core packages and docs
Import initial monorepo structure for Nebula Core: add packages (@nebula/core, core-glyphs, core-input, core-navigation, core-theme, core-ui, core-utils) with source, dist, tests and assets. Expand README with overview, quick start and API snippets, and add package-level documentation files. Add jsconfig.json for path mapping, package.json and lockfiles to bootstrap the repo. This commit sets up the project layout, docs, and local package links for further development.
2026-01-31 22:57:16 +13:00

22 lines
722 B
Markdown

# @nebula/core-ui
Minimal UI helpers for controller-first applications. No framework lock-in.
## What it does
- Defines recommended hit target sizes for controller navigation.
- Provides focus ring tokens for visible focus styling.
- Builds minimal focusable attributes for DOM-based UIs.
## Included helpers
- `hitTarget` — Minimum dimensions for interactive elements.
- `focusRing` — Outline width/color/offset for focus indication.
- `getFocusableAttributes(options)` — Returns `role`, `tabIndex`, and `data-` attributes.
## Typical use cases
- Ensuring touch and controller targets are large enough.
- Consistent focus styling in custom UI frameworks.
- Simple DOM attribute helpers for focus management.