Common Components
The Common module provides reusable UI components and the styling setup primitive that serve as building blocks for applications.
Components
Section titled “Components”- CratisComponentsProvider: Locale, Components-owned labels, and optional app-wide toaster.
- TextInput / TextArea: Native text controls with semantic string changes and real element refs.
- Checkbox / Radio / Switch: Native form choices with semantic boolean changes and browser-owned submission and reset behavior.
- Button / IconButton: Native actions with semantic variants, tones, loading, and disabled behavior.
- Surface: A bounded
div,section, orarticlecontainer with no invented interaction state. - Icon / IconDisplay: Unified icon type that accepts a CSS class string or any React node.
- Page: Layout primitive for consistent page structures.
- FormElement: Lightweight wrapper that places an icon addon to the left of a form input.
- ErrorBoundary: Error handling for React component trees.
See Also
Section titled “See Also”- Basic controls — native form, ref, change, part, and state contracts
- CratisComponentsProvider — locale, labels, and toaster configuration
- Icon - Icon type and IconDisplay component
- Page - Page layout component
- FormElement - Form field icon-addon wrapper
- ErrorBoundary - Error boundary component
- Styling Overview — the supported styling options and how Common fits in