Basic usage
Basic UI usage
Section titled “Basic UI usage”Use @alneas/react-ui for controls, /form for schema-driven forms, /data-table for tables,
and /theme for theme context. Import /styles once in the application entry.
An optional /reset.css import belongs before /styles and affects the entire app.
The executable schema form and table examples are
also imported directly by Storybook.
Use Button and primitive controls from @alneas/react-ui; use FormCompound and
DataTable from the tools subpaths.
The compound form above needs no database or authentication provider. FormView and
data-aware table wrappers additionally use QueryClientProvider and DataAccessProvider
from /data-access/react, with an application-supplied data-access adapter.
ThemeProvider, ErrorProvider and data bindings are independent contexts; no all-in-one
AppProvider is exported in this stage.
Translations support en, ja and zh. LanguageSwitcher can be controlled with
currentLanguage and onLanguageChange. Uncontrolled mode uses the generated global
Paraglide runtime; applications with simultaneous locales should use controlled
labels rather than overwriting a global runtime per request.
Generic date utilities use host locale/timezone defaults. For deterministic server and client formatting, pass explicit locale and timezone settings. Japanese holiday and business defaults belong to business-jp and are not implicit dependencies here.