@tailng-ui/ui v0.25.0 is released
Slots-based micro styling + Time Picker — a major evolution in TailNG component architecture.
yarn add @tailng-ui/[email protected] @tailng-ui/theme @tailng-ui/cdkKeep ui, theme, and cdk versions aligned.
Highlights
- Migrated from klass-based styling to a slots-based micro styling approach.
- Introduced the new Time Picker form control.
- Improved internal composition patterns for scalability.
Slots-based micro styling
TailNG now uses a slots-based micro styling approach instead of a single klass-based override pattern. Each meaningful part of a component can now be styled independently.
- More granular styling control (root, content, icon, label, etc.).
- Cleaner customization without global overrides.
- Improved long-term maintainability.
- Better alignment with design system scalability goals.
This migration strengthens TailNG’s architecture for large Angular applications.
Time Picker component added
The new Time Picker extends TailNG’s form control ecosystem, built using overlay patterns and theme-safe tokens.
- Enterprise scheduling workflows
- Keyboard-friendly interactions
- Angular reactive forms
- Token-based theming
- Overlay-driven dropdown
- Composable slots for styling
- Mode-safe tokens (light/dark)
- Consistent with Datepicker patterns
Breaking changes
If migrating from klass-based overrides, review styling customizations. Some customization patterns may require adapting to the new slot-based approach.