Taiga UI is fully-treeshakable Angular UI Kit consisting of multiple base libraries and several add-ons.

It is based on ng-polymorpheus dynamic content approach and uses Web APIs for Angular for required browser APIs.

Why Taiga UI

🧩 Modular and fully-treeshakable. We harnessed the power of Secondary Entry Points mechanism. You can import even just one entity from our library and be sure that there is no redundant code in your bundle

🧙 Agnostic. Our components are very flexible and are ready for any use case. But we take care of basic UX aspects to let you focus on your project features

🦋 Customizable. We use CSS custom properties for all our styling and provide easy methods to customize all UI components with dark theme out of the box

🛠 Well engineered. We are not afraid to use DI to the max. All our components use OnPush, and the whole project is developed with strict TypeScript mode

📦 It's big! We have 130+ components, 100+ directives, dozens of tokens, utils and tools. And it isn't over yet 🚀

🏗 Maintained! The library started as an internal product in our company. It is used by 50+ projects in production now, and it is here to stay.

Read more about Taiga UI main features in this article on angular.love

Version compatibility

Taiga UI	Angular	Supported	Latest version (npm)
4.x.y	^16.0.0 - latest	✅ Current
3.x.y	^12.0.0 - latest	✅ Long-term support (LTS)
2.x.y	^9.0.0 - ^15.0.0	⚠️ No longer supported

How to start

See our Getting started page to start working with Taiga UI

You can also use our StackBlitz starter to create a quick sample with Taiga UI

🎨 Check out Taiga UI Figma library which you can use to design your app with Taiga UI components.

Community

💡 Your ideas are very welcome in Github issues or discussions

🗨 For English live chat join #taiga-ui channel in official Angular discord

💬 For Russian live chat join taiga_ui Telegram group

Core team

Alex Inkin

Roman Sedov

Vladimir Potekhin

Nikita Barsukov

Maksim Ivanov

German Panov

Contributors

See our CONTRIBUTING.md guide. Try to make pull request online from Web IDE.

Stars 🌟

License

🆓 Feel free to use our library in your commercial and private applications

All Taiga UI packages are covered by Apache 2.0

Read more about this license here

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

4.36.0 (2025-05-05)

🐞 Bug Fixes

• core: Dialogs fix long words wrapping (#10947) (9ac123c)
• core: change label font size in data list (#10928) (3e04536)

4.35.0 (2025-04-28)

🚀 Features

• addon-table: TableExpand add new component (#10694) (f8df2a7)

🐞 Bug Fixes

• addon-charts: hint appearance not passed to bar-chart (#10899) (#10907) (dec0854)
• addon-mobile: DropdownMobile fix when used in a dialog (#10856) (7b7adbb)
• core: DropdownOpen fix error in autofill (#10918) (e34b17c)
• core: Root fix dropdowns when scrollable (#10891) (f3c7d23)
• core: SelectOption has change detection problems with checked state (#10888) (e961c51)
• core: Textfield icons should focus input & open dropdown on click (#10879) (d7059ef)
• core: fixed parent closing when nested hint is closed (#10919) (b073a5f)
• kit: InputMonth with enabled native picker should never show desktop dropdown (#10911) (bf02841)
• kit: InputNumber supports non-erasable minus (as prefix) for max <= 0 (#10917) (2ed04d3)
• kit: Textarea fix table and autofill styles (#10920) (b1c2686)
• kit: get rid of dot before extension-less files (#10915) (eb15821)
• kit: skeleton animation does not depend on animation speed (#10875) (0c4cce0)

4.34.0 (2025-04-21)

🐞 Bug Fixes

• addon-commerce: InputCardGroup fix autofill issues (#10830) (c15e530)
• addon-mobile: support block status without image (#10876) (d305f15)
• core: Link fix Chevron not rotating (#10873) (11c644f)
• core: Textfield fix leaking unencapsulated styles (#10847) (2355cfd)
• kit: InputSlider throws not statically analyzable error (#10867) (00eee52)
• kit: Range has change detection problems with active state of thumb (#10859) (b6f3eae)
• kit: Select supports dark theme for native picker in Windows OS (#10851) (f5cbf76)
• kit: Textarea fix change detection issues (#10869) (d78e58e)
• legacy: return possibility to use any data type in TUI_DATE_TIME_VALUE_TRANSFORMER (#10803) (6405d59)

🚀 Features

• core: update tuiLink appearance by spec (#10825) (8f2850a)
• kit: FloatingContainer add new directive (#10541) (52abe54)
• kit: Slider supports not equidistant segments order (#10746) (a65a5bd)
• layout: InputSearch add manual open control (#10872) (781d6ae)

4.33.0 (2025-04-14)

🚀 Features

• addon-doc: customize fullscreen buttons (#10791) (2a11b88)
• addon-doc: hide fullscreen button when device doesn't support fullscreen API (#10800) (9c3b5f8)
• addon-mobile: DropdownMobile supports new Select (#10782) (cc413dc)
• core: Dropdown take virtual keyboard into account when positioning (#10801) (fbf1ccd)
• kit: Select refactor to new Textfield (#10642) (e2eb470)
• kit: Textarea add new component (#10778) (9134d77)

🐞 Bug Fixes

• add ngSkipHydration for <input/>-s with template inside (to prevent SSR hydration error) (#10818) (b86ac36)
• addon-doc: set fixed width for last API column (#10788) (7dfd59c)
• addon-mobile: SheetDialog add env(safe-area-inset-top) (#10776) (1087a07)
• cdk: FontSize early return when disabled (#10794) (da70031)
• cdk: ng-add fix wrapping with tui-root for UTF-8 with BOM templates (#10786) (67993cb)
• core: DropdownOpen sync state when changed externally (#10812) (591a502)
• core: InputMonth should hide Android text select handle (#10760) (db9f021)
• core: Option has stuck hover effect for mobile devices (#10824) (0062550)
• core: Textfield add vertical padding (#10754) (707aaf4)
• core: Textfield has invalid width for [tuiChevron]'s icon (#10761) (efeaa5f)
• enable pointer events on disabled tuiOption (#10780) (ebd6884)
• kit: InputMonth should not use cursor: pointer for disabled state (#10820) (74ac17e)
• kit: LineClamp fix overflownChange calculation (#10781) (2d37fa3)
• kit: add deeper import for TuiChevron (#10775) (26aa905)
• kit: navigate to active element after first render for tuiStepper (#10777) (d45aff8)
• layout: AppBar add transparency in supporting browsers (#10796) (fdf3ac0)
• layout: Navigation fix aside highlights (#10785) (c2dae17)
• legacy: InputDateTime has incorrect typings for control value (#10779) (8b074a9)
• legacy: reuse identityMatcher inside tuiMultiSelectGroup (#10774) (a8d8409)

4.32.0 (2025-04-07)

🚀 Features

• cdk: add tuiFullscreen (#10672) (03fe94e)
• core: Dialog/Dropdown use CloseWatcher to close on Android native back button (#10300) (e2ea300)
• core: add <tui-popups /> (#10717) (080cadf)
• layout: CardCollapsed add new directive (#10735) (9cff79f)
• styles: adjust gap sizes for status component based on data-siz… (#10740) (4ae7bb5)

🐞 Bug Fixes

• core: Textfield fix left padding with iconStart (#10742) (7bc7cbd)
• core: do not use hardcoded tui-hint selector (#10715) (79e8449)
• kit: InputMonth should have cursor: pointer (#10712) (33c0cca)
• kit: ignore transition directly on tile (#10689) (f252c6f)
• layout: Cell increase tuiCellActions specificity (#10747) (d4aa00e)
• layout: TuiDynamicHeader import as const (#10750) (dd8735e)
• legacy: InputTime should hide icon if it equals to empty string (#10719) (d16e2ec)
• legacy: do not match value until user is writing value in InputTime (#10731) (ededf5f)

4.31.0 (2025-03-31)

🚀 Features

• add tui-pager (#10325) (640fc05)
• addon-doc: add TuiDocAPINumberItem for configure input api option (#10693) (d8aebbe)
• core: new version of TuiOption (#10660) (2c89246)
• kit: ItemsWithMore add multiline mode (#10641) (d554c19)
• kit: add shift output event to carousel component (#10659) (2368b41)
• layout: ItemGroup add new directive (#10671) (b02d3f2)

🐞 Bug Fixes

• Filter fix short items (#10681) (c3c744a)
• addon-charts: fix chart colors for 10+ items (#10676) (7827c27)
• addon-mobile: use display: block on sheet host (#10700) (c0be4d9)
• cdk: tuiCreateToken with no arguments should not create token with default undefined-value (#10682) (feadfcd)
• core: Dialog content section inherit border-radius (#10669) (9a5a49d)
• core: add hint marker to custom components (#10687) (d74a2d2)
• experimental: valid references for compilation step (#10702) (44d53ac)
• legacy: late init control binding in tuiMultiSelectGroup (#10679) (787bb60)

4.30.0 (2025-03-24)

🐞 Bug Fixes

• addon-table: TablePagination fix incorrect calculating start page (#10623) (ae887a2)
• core: synchronize driver's state (#10592) (32a9a1a)

🚀 Features

• addon-charts: add tapColumn output event in tui-bar-chart (#10636) (9081a1a)
• addon-doc: prettify object in popup notification (#10637) (dd5f606)
• kit: InputSlider refactor to new Textfield (#10288) (c02c28f)
• kit: elastic container integration in button group (#10651) (633ed27)
• layout: DynamicHeader add directive (#10523) (82c7e04)

4.29.0 (2025-03-18)

🚀 Features

• cdk: add tuiAnimation (#10609) (f1d3230)
• kit: InputMonthRange refactor to new Textfield (#10569) (6ff50eb)

🐞 Bug Fixes

• addon-table: tuiSortChange event should emit when requiredSort is enabled (#10619) (78f2d01)
• addon-table: improve tuiSortChange event type (#10556) (443b218)
• experimental: Accordion fix dynamic children (#10457) (1a14a32)
• kit: Block fix style for input inside (#10604) (7a42e5e)
• kit: Chip as text input is not properly clickable (#10572) (4112ac6)
• kit: disabled checkbox must not be interactive (#10583) (20d966e)
• layout: BlockStatus fix margin when description block is empty (#10579) (678f185)
• legacy: InputTag remove unnecessary scrollbar (#10582) (b4b2fb6)
• legacy: do not expand textarea horizontally for long word (#10566) (9b3570b)

4.28.0 (2025-03-11)

🚀 Features

• kit: InputMonth refactor to new Textfield (#10345) (03068fb)
• nx-cloud: set up nx workspace (#10520) (a76b804)

🐞 Bug Fixes

• core: TuiDataList attr(data-label) not correct working in Chrome (#10551) (1dc4778)
• core: focus option by mousemove only in dropdown manager (#10534) (a5b4a02)
• kit: expand tui-data-list-wrapper[labels] generic type (#10545) (65dc556)
• kit: support customizing number of visible lines in tui-push (#10554) (a48bd61)
• legacy: textarea flickering when type space (#10557) (98bd592)

4.27.1 (2025-03-05)

🐞 Bug Fixes

• skeleton view without animation (#10509) (2311df9)

4.27.0 (2025-03-04)

🚀 Features

• addon-mobile: SheetDialog add fullscreen (#10442) (a0a1709)
• layout: BlockStatus add extra-description and status blocks (#10486) (818eb20)

🐞 Bug Fixes

• core: reuse safe position for hint depend on viewport (#10498) (59441d1)
• kit: Comment add min-width (#10500) (05a7b85)
• kit: add additional overload to tuiFilterByInput pipe (#10493) (f31e0b9)

4.26.1 (2025-02-28)

🐞 Bug Fixes

• addon-commerce: InputCardGroup should remove browser autofill styles for Chrome on IOS (#10480) (834fd1c)

4.26.0 (2025-02-27)

🐞 Bug Fixes

• addon-doc: tuiCoerceValue fails to parse % symbol (#10403) (f4fac1d)
• core: DataList fix empty content (#10431) (18e6cbc)
• core: fix dropdown when host is svg element (#10430) (6d065a8)
• kit: InputNumber should support [attr.maxLength] (#10455) (aba9d25)
• kit: add additional overload to tuiFilterByInput pipe (#10408) (47a9809)
• kit: improve caret management for InputNumber on step action (#10405) (0422514)

🚀 Features

• addon-mobile: Chip add mobile styles (#10461) (4f9f612)
• addon-mobile: TuiSheetDialog provide TUI_SCROLL_REF (#10418) (6920680)
• layout: Form simplify columns (#10412) (d7e0661)
• layout: Navigation update according to specs (#10411) (7ac5898)

4.25.0 (2025-02-18)

🚀 Features

• addon-table: add new output event with sort and direction changes (#10268) (6bc1db2)
• core: add font scaling option (#10343) (6fb390a)
• i18n: update Belarusian translation (#10348) (b2bd352)
• kit: Chip add default rules for Fade (#10347) (882462c)
• kit: Tiles add reorder strategies (#10360) (1277754)
• kit: UnfinishedValidator allow dynamic messages (#10377) (bda084a)
• testing: add resize observer polyfill (#10370) (5da8fec)

🐞 Bug Fixes

• core: check tuiDropdownContext activeZone only when dropdown is open (#10353) (15da31b)
• core: enable pointer events on disabled button (#10378) (bf14135)
• core: redundant padding around title when header block exists (#10386) (3832adf)
• core: use TUI_DARK_MODE instead of element in dropdown (#10341) (d63f358)
• experimental: InputPhoneInternational detects countryIsoCode on control update with complete phone (#10358) (106c961)
• kit: ActionBar fix background color (#10379) (5fdc0f1)
• kit: Checkbox, Radio, Switch return the lost appearance mode (#10390) (eaaecf8)
• kit: Files hide element when empty (#10380) (189ee07)
• kit: input should be below text (#10324) (4301760)
• kit: valid font size for stepper (#10392) (923be34)
• layout: Card add default background color (#10388) (636ca10)
• legacy: InputDateMulti include first/last date as valid (#10373) (5021999)
• testing: mock the platform before each test (#10361) (2c11b56)

4.24.0 (2025-02-10)

🐞 Bug Fixes

• core: regression of selecting day when used min length (#10302) (30ca18a)
• experimental: SearchResults fix focusing hidden tabs (#10318) (fb1ade2)
• kit: Avatar fix icon color for appearances (#10328) (d9c821c)
• kit: Tabs properly inherit font styles (#10336) (e830f55)
• legacy: InputDate ignore null value if internal value is already null (#10322) (5e8430e)
• legacy: add tuiUnfinishedValidator behaviour for InputDateTimeComponent (#10164) (fa4c079)

🚀 Features

• addon-mobile: @taiga-ui/layout should be peer dependency (#10332) (91dbb6c)
• addon-mobile: SheetDialog content inherit border-radius (#10320) (b52e9da)
• cdk: FontSize add new directive (#10327) (dac1ba5)
• kit: Connected add support for Accordion (#10329) (74fdab5)
• layout: Cell add disabled state (#10307) (bd06ee0)
• testing: change PLATFORM_ID to server on jest environment (#10335) (ec9752d)

4.23.0 (2025-02-03)

🐞 Bug Fixes

• addon-doc: DocAPIItem throws error for signal-based output handlers (#10292) (548a212)
• addon-mobile: ElasticSticky recalculates offsetTop if host content was changed (#10253) (a93868b)
• kit: Carousel fix autoscroll in ssr (#10293) (63e0564)
• kit: Connected make compatible with Chevron (#10265) (a9640fb)
• kit: InputNumber should handle programmatic control update with NaN as empty textfield (#10276) (ede4715)
• layout: CardLarge fix title boldness (#10271) (0c9a4e9)
• layout: Search allow other elements via [tuiSearchField] attribute (#10294) (f5c80ea)

🚀 Features

• addon-mobile: BottomSheet add new component (#10269) (1fff4f5)
• legacy: input tag converts the last element to tag after paste event (#10270) (89076b3)

4.22.0 (2025-01-27)

🚀 Features

• addon-mobile: Checkbox update mobile design (#10204) (10c4174)
• core: DataList update labels design according to specs (#10205) (b2081d7)
• demo: Button add example with two labels (#10242) (5f24171)
• layout: Header add body-l and body-m sizes (#10212) (fa92c17)
• layout: InputSearch add new component (#10197) (e810a15)
• layout: Cell add new height modes (#10209) (e8e1986)

🐞 Bug Fixes

• addon-mobile: DataList inside DropdownMobile should not have built-in horizontal indent (#10213) (fe5d3f5)
• addon-mobile: SheetDialog fix background blackout and longtap events (#10244) (bbff629)
• core: Hint fix dark mode colors (#10225) (64c269f)
• kit TuiControl fix CD problems for writeValue of empty value (#10220) (647dcaa)
• kit: CalendarRange should not require extra click to start new range after same day range (#9847) (2643187)
• kit: LineClamp debounce overflownChange event (#10188) (07e335a)
• legacy: ColorPicker fixed missing pointer (#10201) (30b57fe)

4.21.0 (2025-01-20)

🚀 Features

• core: Textfield add new table appearance (#10179) (6cea767)

🐞 Bug Fixes

• addon-mobile: SwipeActions fix actions in IOS safari (#10163) (bd53957)
• core: Hint fix not using custom Viewport limits (#10183) (0dc9b76)
• core: tuiDialog fix typings for classes with constructor parameters (#10193) (6568200)
• core: fix unknown selector warnings in Angular 17+ (#10162) (f7192b9)
• experimental: Accordion fix error with dynamic items (#10182) (a4fe7b3)
• kit Textfield controls should handle initial ngModel phantom null value (#10171) (b490860)
• kit: InputNumber provide TuiControl for DI (#10176) (be0c38c)
• layout: AsideItem calculate collapsed hint dynamically (#10173) (96797d5)
• layout: Navigation fix main content positioning (#10191) (967ae88)

4.20.0 (2025-01-13)

🐞 Bug Fixes

• addon-commerce: Amount hide negative sign when value is zero (#10147) (9244f1a)
• cdk: TuiTime.shift doesn't shift higher order units (#10065) (5939585)
• core: Group fix overlaid border in collapsed mode (#10094) (1b7628a)
• core: Textfield with [content] property has invalid behavior for <input /> (#10066) (aa9ff64)
• kit: LineClamp fix initial transition (#10070) (14426cd)
• kit: Radio, Checkbox and Switch fix change detection (#10102) (824da0c)
• kit: Confirm fix text overflow (#10085) (166bc37)
• layout: BlockStatus fix image height (#10121) (570f67c)
• legacy: InputPhone incorrectly parses paste of the short phone number (#10063) (1df2480)
• legacy: MultiSelect fix arrow rotation (#10050) (e96d4eb)
• legacy: InputTag fix table appearance and placeholder (#10052) (416dd8b)
• legacy: InputDateRange fix active period together with transformer (#10135) (3b8651b)
• legacy: Textfield wrong prefix placement in table context (#10045) (99cb0bc)

🚀 Features

• core: tuiDialog add injector to options (#10056) (bcc02bc)
• core: TuiWithDropdownOpen expose tuiDropdownEnabled (#10101) (562bbc6)
• core: disable dark theme for print mode (#10110) (8c9c616)
• core: HintManual enable hover when is value is null (#9955) (e0e5861)
• experimental: Accordion add refactored component (#10103) (62109de)
• experimental: Expand add refactored component (#10069) (272db9b)
• experimental: Hint add refactored component (#10051) (92e8b21)
• kit: InputPin add new component (#10084) (36b45fa)
• kit: Tooltip add small size (#10154) (32e78bf)
• kit: InputNumber refactor to new Textfield (#10099) (a32d2a4)

4.19.0 (2024-12-23)

🐞 Bug Fixes

• addon-mobile: MobileCalendar fix virtual scroll flickers during scroll in zoneless mode (#10023) (e3cfbc9)
• addon-table: fix calculating start page (#9980) (d26f32b)
• cdk: tuiFocusedIn fix error when focus events happened in reactive context (#10020) (12e9a29)
• core: CalendarRange do not allow to select disabled dates (#10007) (b5d328c)
• kit: Carousel fix scrolling page on mobile devices (#10009) (13dcf7c)
• kit: InputNumber has rounding problems on blur with large numbers (#9974) (9ec1e7b)
• kit: Skeleton fix animation speed customization (#9984) (b8bb938)
• kit: Tiles fix selection when dragging in Safari (#9952) (80614b3)
• legacy: InputDateRange reset cached active period (#9946) (1144fae)

🚀 Features

• addon-commerce: InputCardGroup add inputs option (#10033) (5e20a26)
• addon-commerce: ThumbnailCard has new xs size (#9969) (436e351)
• addon-table: Table fix resize issues (#9961) (a16071a)
• experimental: InputPhoneInternational refactor to new textfield approach (#9976) (08f924d)
• layout: Navigation add Subheader component (#10041) (7de5985)

4.18.0 (2024-12-10)

🐞 Bug Fixes

• addon-table: Th fix sort icons being reversed (#9904) (a6c0a36)
• core: Dropdown fix initial width (#9867) (76d8d01)
• core: DropdownOpen fix CD problems after enabling (#9888) (4249cd9)
• core: Icon fix for old Safari (#9917) (8c3a228)
• core: DataList fix focusing the first element (#9891) (ab7dfde)
• core: Tiles fix transform breaking fixed position (#9905) (369d9a4)
• kit: Carousel fix dragging in chrome (#9864) (6b1f985)
• kit: InputInline fix broken scroll in Safari & Firefox (#9818) (76634f1)
• kit: Segmented fix shadow clipping in Safari (#9931) (c6c9c38)
• kit: Tabs fix multiple emitting of activeItemIndexChange (#9934) (4d4dbf1)
• kit: Tree fix parallel lazy loading nodes (#9939) (c2a88d4)
• legacy: InputDateRange/InputDateTime fix filler CD problems (#9932) (026d13c)
• legacy: InputNumber fix support of dynamic postfix (#9899) (fefdcff)
• legacy: MultiSelect fix pristine and updateOn: blur issues (#9900) (d70edfb)

🚀 Features

• layout: Form add new component (#9933) (52ab367)
• legacy: MultiSelect allow checkbox on the right side (#9910) (8aa063b)
• legacy: InputTime add itemsHidden property (#9908) (b3db7bc)
• legacy: InputTag limit last tag width to 80% to avoid wrapping (#9886) (54f5c65)

4.17.0 (2024-11-27)

🐞 Bug Fixes

• addon-mobile: fix font of large buttons on mobile (#9816) (b45de14)
• cdk: fix Angular v19 allowSignalWrites warning (#9810) (8b6b78a)
• layout: Navigation fix Aside width according to spec (#9815) (b92202e)
• legacy: InputDateTime validators not triggered when value change (#9838) (a515c2c)
• legacy: add styles entrypoint to exports of package.json (#9813) (eee448d)

4.16.0 (2024-11-20)

🚀 Features

• i18n: add greek language (#9762) (f81c996)

🐞 Bug Fixes

• addon-mobile: DropdownMobile make compatible with DropdownHover (#9736) (b57149a)
• cdk: FocusTrap fix race condition problems (#9759) (d84b437)
• core: Hint fix custom bubble (#9776) (ae83d2d)
• kit: Tiles fix box shadow on after dragged (#9733) (91af99f)
• kit: CalendarRange fix presets filtration (#9777) (bfeb254)

4.15.0 (2024-11-13)

🚀 Features

• core: add readable media aliases (#9696) (41d89b3)
• kit: Message add component (#9694) (0b08fb4)
• kit: ProgressBar add ProgressFixedGradient directive (#9648) (ca81b5c)
• layout: AppBarBack add ability to use custom appearance (#9715) (1e0928d)

🐞 Bug Fixes

• addon-charts: LineChart fix division by zero (#9722) (c12a315)
• addon-mobile: PullToRefreshService fix pulling stream by calling TUI_PULL_TO_REFRESH_LOADED.next() on onPull event (#9716) (3b978be)
• kit: CalendarRange not switch month with selected value (#9695) (0e5f250)
• kit: TabsWithMore should share ActiveZone for nested dropdowns inside more section (#9714) (f7c8fd5)
• layout: Navigation fix various style issues (#9723) (a8aaf04)
• layout: BlockStatus remove margins for empty image (#9741) (e86afea)
• legacy: InputDateRange double backspace to clear textfield (#9707) (c80cadc)
• legacy: fix icons looking interactive in readonly textfields (#9711) (85d6afd)
• layout remove default styling from a tag in card component (#9681) (1b6e32b)

4.14.0 (2024-11-05)

🚀 Features

• core: Hint support direction priority list (#9669) (bbf13b5)
• kit: File add HintOverflow for file name (#9659) (b5062bc)
• layout: BlockStatus add desktop "m" size (#9651) (8cd3eb8)

🐞 Bug Fixes

• addon-mobile: ElasticStickyService teardown observable zone fix (#9657) (5908330)
• kit: CalendarRange switch months if any input updated, when date range selected (#9665) (f43bc2b)
• kit: Files fix link styles (#9635) (6923102)
• kit: Stepper fix flashing styles (#9638) (059c1de)
• kit: Switch should have dark knob for the dark theme in web platform (#9658) (1c9664a)
• legacy: InputDate incorrect value after backspace (#9650) (6a10460)
• legacy: InputPhone fix format paste if value has space after plus sign (#9634) (2b54390)
• legacy: InputTime/InputDateTime should switch inputMode for time modes with AM / PM (#9643) (ee53428)

4.13.0 (2024-10-28)

🐞 Bug Fixes

• addon-commerce: ThumbnailCard fix border-radius with blur effect (#9604) (b25cbd5)
• core: DropdownOpen fix initial open state (#9581) (6b6863e)
• core: Notification remove flex layout (#9580) (b4f4f32)
• kit: Badge fix font size on desktop (#9593) (9828c85)
• kit: InputPhoneInternational fix dropdown issues (#9569) (e996d18)
• layout: Navigation fix drawer positioning (#9594) (d0560c8)

🚀 Features

• core: Popup add service for arbitrary portal items (#9605) (6ab1756)
• kit: Drawer add new component (#9614) (5b43400)
• kit: Tooltip add DI options (#9571) (e2f17c4)
• kit: InputPhoneInternational add separator customization (#9601) (7939bc5)
• legacy: InputTime/InputDateTime add AM/PM support (#9595) (0f67a78)

4.12.0 (2024-10-21)

🐞 Bug Fixes

• addon-commerce: InputCardGroup safari autofill focus (#9520) (7858373)
• cdk: Control fix initial status (#9539) (cb5f29a)
• cdk: support : inside path segment in url (#9549) (8317b67)
• core: fix floating appearance not reacting to the theme (#9504) (847305a)
• kit: Skeleton fix for ProgressCircle (#9507) (2598626)
• legacy: InputNumber fix hydration (#9434) (e0aac04)
• legacy: InputTime has broken support of native date picker (#9540) (049b289)

🚀 Features

• addon-mobile: ResponsiveDialog add new service and refactor SheetDialog to new spec (#9459) (10198a1)
• core: Hint add mobile behavior (#9547) (e650f38)
• core: add tuiDialog typed factory util (#9446) (f507d2e)
• core: add new appearances (#9526) (c3cd8f2)
• core: improve a11y for textfield (#9449) (19fbbe6)

4.11.0 (2024-10-14)

🐞 Bug Fixes

• addon-doc: add legacy package as peer dependency (#9367) (069b680)
• addon-doc: glitch width content between value from DOM and sandbox width from url (#9341) (b5c4156)
• addon-mobile: InputDateRange throws error on single date selection (#9411) (93c08d4)
• addon-table: Tr, ThGroup fix hydration issues (#9460) (c5fd3f9)
• addon-table: drop legacy package dependency (#9373) (1171fbc)
• addon-table: fix hydration error while configuring table (#9374) (7100f73)
• core: FallbackSrc support empty avatar src (#9454) (8a52bbc)
• core: tuiIconsProvider support empty icon value (#9408) (d0577d6)
• kit: Accordion fix hydration (#9453) (e22d2ba)
• legacy: InputDateTime fix native option for empty value (#9464) (b36e9dc)
• legacy: Select fix hydration (#9433) (7f597a6)

🚀 Features

• addon-doc: allow adding extra tabs with DI (#9381) (421a92e)
• cdk: RepeatTimes add new pipe (#9262) (712c5b3)
• core: add animation params (#9312) (f3f104a)
• layout: Navigation allow manual control of AsideGroup (#9412) (b7f75d9)
• table-addon: Th add requiredSort option (#9036) (38c5b20)

4.10.0 (2024-10-08)

🐞 Bug Fixes

• addon-doc: add legacy package as peer dependency (#9367) (069b680)
• addon-table: drop legacy package dependency (#9373) (1171fbc)
• addon-table: hydration error while configuring table (#9374) (7100f73)
• cdk: Control react to markAsTouched on Angular 18+ (#9330) (1b732e8)
• core: Hint fix change detection when changing content programmatically (#9291) (57f80ed)
• core: Textfield with initial value with filler (#9375) (8217c90)
• core: DropdownContext fix opening after single touch on iOS (#9287) (8a5ff74)
• core: Dropdown fix overriding default options (#9348) (db84c4c)
• kit: Chip size (#9169) (a92153a)
• layout: Header fix subtitile padding on mobile (#9282) (faeca9e)
• legacy: InputTag fix pasting multiple invalid tags (#9340) (8b8161d)
• legacy: Multiselect do not clear input on separator keydown, fix pasting (#9345) (56d4a18)

🚀 Features

• addon-doc: allow adding extra tabs with DI (#9381) (421a92e)
• addon-table: Sortable make dynamic (#9384) (ea62a09)
• core: add color-scheme by default for tuiTheme (#9315) (d3ce6b1)
• core: support using native scrollbar (#9276) (d144675)
• i18n: add Lithuanian (#9307) (29fabea)
• kit: ActionBar add s size and update according to spec (#9310) (3cb028b)
• kit: Breadcrumbs add itemsLimit option (#9370) (b20f6bf)
• kit: ItemsWithMore add side option (#9363) (47d7178)
• kit: tuiValidationErrorsProvider add util (#9342) (b22e9c2)
• kit: InputPhoneInternational added search for countries (#8546) (24572b1)
• legacy: support fieldset disable (#9376) (cb31858)

4.9.0 (2024-09-30)

🚀 Features

• addon-doc: add TUI_DOC_SUPPORT_LANGUAGE token (#9201) (7aef5f8)
• addon-doc: improve UX when switch global dark mode on API page (#9053) (f9579da)
• addon-doc: move language switcher to page from header (#9155) (e1768c4)
• cdk: RepeatTimes add new pipe (#9262) (712c5b3)
• table-addon: Table add requireSort option (#9036) (38c5b20)

🐞 Bug Fixes

• addon-commerce: InputCardGroup fix Safari autofill (#9198) (1f5dfa5)
• addon-doc: provide languages icon (#9236) (bc5caf7)
• addon-mobile: MobileCalendar fix minLength and maxLength properties (#9118) (c84dd39)
• cdk: support any query string inside URL (#9254) (af4aa7e)
• core: Scrollbar fix scroll leaking to both directions (#9217) (ff829fc)
• core: Textfield fix change detection problems for filler (#9243) (a45df07)
• core: DropdownOpen close when host is hidden via CSS (#9189) (3e991f9)
• kit: Chip size (#9169) (a92153a)
• kit: Radio, Checkbox, Switch remove non-functioning appearance input (#9221) (6dc4ce0)
• kit: ImgLazyLoading fix compatibility with SSR (#9184) (710166f)
• legacy: Input fix for [(tuiDropdownOpen)] (#9214) (65981bc)

4.8.1 (2024-09-24)

🐞 Bug Fixes

• addon-charts: LineChart fix line thickness on 0 and max (#9167) (c51f8ec)
• core: DropdownContext fix for Shadow DOM (#9171) (e76e27e)
• kit: Password fix not exporting options (#9159) (688405e)
• legacy: MultiSelect fix for long items overflowing (#9160) (80fdfd0)

4.8.0 (2024-09-24)

🚀 Features

• addon-doc: add ability to disable default search bar (#9099) (90cc083)
• addon-doc: full prerender pages for SSR and improve UX (#9073) (d2fa1ac)
• cdk: AutoFocus support custom query selector (#9062) (ae149f5)
• kit: Like add new component (#8989) (0814ae8)
• kit: Highlight add an options token for customizing (#8812) (21a80c7)
• kit: ImageLoading improve IDEA auto import (#9090) (f45c899)
• layout: AppBar add auto size directive (#9119) (d5628e7)

🐞 Bug Fixes

• addon-commerce: InputCardGroup fix for older Safari (#9117) (29044f9)
• addon-mobile: AppBar correct height on iOS/Android (#9031) (a669fd6)
• core: Appearance remove initial transition (#9059) (88a8f5b)
• core: Loader fix leaving ActiveZone (#9115) (d4099d2)
• core: do not override nested tui-icon styles (#9065) (4e07f24)
• kit: CalendarRange shows last available month when max and items set (#9147) (14d644f)
• kit: InputDateRange fix dark mode issues and list item size (#9098) (6820698)
• kit: LineClamp do not override white-space for children (#9025) (f77a783)
• kit: LineClamp fix memory leak (#9014) (93fb577)
• kit: drop image skeleton when handle of lazy loading error (#9032) (2af496b)
• layout: AppBar use proper appearance for back button (#9061) (6019863)
• layout: CardLarge fix style leaking into Badge (#9097) (83300f1)
• layout: CardLarge fix with headless Cell list (#9114) (941c856)
• legacy: MultiSelect fix empty line when non-empty placeholder and valueContent (#9123) (eda9293)
• legacy: during serialization angular was unable to find an element in the DOM (#9063) (7817c18)
• legacy: fix scroll jumping on readonly input focusing in safari (#9088) (dbf2510)
• table: TableFilters fix pipe types (#9076) (0635555)

4.7.0 (2024-09-16)

🚀 Features

• addon-doc: API add new component (#9015) (a87b608)
• addon-doc: adds keybindings to the search field (#8830) (8d03673)
• core: Appearance allow multiple modes (#9042) (e1853dd)

🐞 Bug Fixes

• addon-mobile: export styles (#9007) (d9915bb)
• core: Calendar fix visual gaps in range (#8961) (8ec81aa)
• core: Dropdown fix options leaking upwards (#9051) (350ba52)
• kit: Connected work with CardLarge (#9040) (71f699c)
• kit: FilterByInputPipe add overload (#8912) (6883ea6)
• kit: Skeleton block user selection (#9001) (49b0e03)

4.6.0 (2024-09-10)

🐞 Bug Fixes

• addon-commerce: InputCardGroup fix autofill styles (#8794) (de3a923)
• addon-mobile: Card fix paddings on mobile devices (#8949) (12ebe35)
• addon-table: TableDirective Content Security Policy error v4 (#8872) (a7ae8f3)
• cdk: NativeValidator fix touched state (#8818) (2a5e754)
• core: Textfield fix expression change error (#8809) (7206c29)
• core: DataList show empty content in correct detect changes cycle (#8837) (f102ad3)
• kit: InputFiles fix validity and drag states (#8845) (a7f1332)
• kit: InputTime fix selection of the nearest value from items (#8902) (0b3894c)
• kit: BadgedContent icon is positioned incorrectly when it's shown with a delay (#8932) (96c476b)
• kit: CalendarRange click again on selected item does not switch to item date (#8843) (4853671)
• kit: InputInline fix styles for browser spellcheck (#8836) (7938dd5)
• layout: Card fix Label title font weight when Label is placed inside a card (#8931) (b7e871c)

🚀 Features

• addon-mobile: InputSearch add iOS imitating input (#8838) (7437250)
• core: Dialog add fade transition for multiple dialogs (#8950) (5843da5)
• kit: Copy and Password add interactive icons to Textfield (#8833) (c8bdaf0)
• kit: Segmented update to the spec v1.1.0 (#8825) (44d7d5b)
• layout: Cell add border-radius (#8801) (1b05ba4)
• testing: adds link harness (#8771) (e38cdb5)

4.5.0 (2024-09-02)

🐞 Bug Fixes

• addon-commerce: InputCard fix autofill (#8728) (226a763)
• addon-doc: code glitch in SSR (#8705) (59712a2)
• core: Dropdown fix triggering change detection too frequently (#8738) (8bdcb19)
• core: Icons fix mask shorthand (#8711) (a292756)
• core: Textfield fix color of chevron in readonly (#8754) (2e21615)
• kit: InputPhoneInternational fix opening dropdown while readonly (#8764) (fcca2fa)
• kit: CalendarRange shows end of range (#8774) (6604fd6)
• kit: CalendarRange fix switch to selected item (#8784) (ad138ab)
• kit: Avatar fix width for image (#8723) (c9014a2)
• layout: Navigation fix style specificity for AsideItem (#8790) (77a1eea)
• legacy: InputDateRange fix triggering cyclic change detection ticks (#8706) (c7bc044)
• legacy: restore autoColor for InputTag and MultiSelect (#8783) (e5477c4)
• legacy: fix placeholder when using autofill (#8779) (464dee4)

🚀 Features

• improve style for A11y (#8408) (918e11f)
• addon-commerce: ThumbnailCard add <img> support (#8789) (9fdb499)
• addon-doc: improve ui for link to sample (#8406) (e5beb47)
• cdk: add tuiInjectId (#8730) (6b3bbb0)
• core: Textfield add ViewContainerRef (#8781) (5fee17a)
• kit: InputPassword add new version, deprecate legacy (#8786) (7a655de)
• kit: InputPhoneInternational can be customized with Icon / Tooltip (#8750) (b20459b)
• layout: Navigation add Drawer (#8757) (cc64434)
• testing: adds size harness for button (#8760) (71e654f)

4.4.1 (2024-08-27)

🐞 Bug Fixes

• cdk: schematics fix bad import (#8696) (c46899e)

4.4.0 (2024-08-26)

🐞 Bug Fixes

• addon-mobile: PullToRefresh fix scroll ref (#8684) (c9eef96)
• cdk: ActiveZone do not exit zone when scrollable container becomes non-scrollable (#8631) (#8653) (b796d0d)
• kit: ButtonClose fix icon (#8659) (7287016)
• kit: Tiles fix reorder issue (#8663) (9ea0162)
• legacy: Textarea use balance text-wrap in Safari (#8666) (cbaac1b)

🚀 Features

• core: TUI_DARK_MODE add new token (#8657) (f409942)
• kit: CalendarRange add item property for correctly switch value outside (#8617) (39e3419)
• kit: IconBadge add new directive (#8667) (1d2c286)
• layout: Search add new component (#8648) (8cb50c0)

4.3.0 (2024-08-21)

🚀 Features

• addon-mobile: add ability to drop mobile calendar header (#8265) (819b17b)
• kit: ButtonSelect add new directive (#8559) (6cba52c)

🐞 Bug Fixes

(9e6e865)

• addon-mobile: PullToRefresh do not trigger pulled if dialog is inside (#8597) (7474d6e)
• core: do not call icon resolver multiple time (#8578) (6e5c9f4) (02e1c73)
• kit: InputPhoneInternational fix size for border-box (#8633) (1dec452)
• kit: InputPhoneInternational improve tree-shakeability (#8603) (abfba9e)
• kit: Segmented fix native reset form action (#8605) (ec87062)
• kit: Segmented fix subscription to control value changes (#8574) (e6cf175)
• legacy: display view/hide password button with readOnly property (#8584) (15857bc)
• legacy: InputNumber prevent add/remove suffixes while readonly (#8568) (7a58d78)
• legacy: set correct font size for small and medium sizes (#8548) (8acfb39)

4.2.0 (2024-08-14)

🚀 Features

• i18n: add japanese (#8420) (ef9f992)
• i18n: improve literal string union (#8516) (9bf0f8c)

🐞 Bug Fixes

• core: ios menu is not triggered (#8348) (8b00807)
• legacy: fix issues with custom injector in templates (#8523) (ce49bac)

4.1.0 (2024-08-13)

🚀 Features

• add @taiga-ui/icons-fontawesome (#8493) (131b3ed)
• add @taiga-ui/icons-material (#8454) (3315a29)
• i18n: add korean (#8486) (691328f)
• kit: CalendarRange prevent disabled date selection (#8329) (951779d)

🐞 Bug Fixes

• core: Group fix edge overlay (#8509) (bd43b97)
• kit: InputPhoneInternational fix chevron (#8491) (a0397d6)
• legacy: InputTime has missing zero padding on blur for HH:MM mode (#8492) (84c3aae)

4.0.1 (2024-08-12)

🐞 Bug Fixes

• cdk: remove redundant assert log if hours are greater than 23 (#8448) (c3a7e49)
• core: Root fix background (#8468) (bbbb82e)
• core: add type=button to textfield for ignore submit event (#8455) (4700e5d)

4.0.0 (2024-08-09)

• Update to Angular 16 #6966.
• Update supported browser versions #6818.
• Rename all entities: drop Module / Component / Directive postfix.
• Use deep entrypoints in all imports paths inside packages for microfrontends tree-shaking support.
• @taiga-ui/legacy create new package (#7501).
• @taiga-ui/browserslist-config create new package #5344.
• @taiga-ui/core:
  • Textfield add new component (#6298).
  • Icon add new component (#5872). (#6053)
  • Icon add new pipe #7244.
  • Icons add new directive
  • Icons new approach based on mask (#7752, #7658, #7714).
  • Scrollbar add mode #8246.
  • Notification simplify to directive #8168.
  • Notification Add interactive mode #6760.
  • HintOverflow add new directive #8111.
  • DropdownContext implement for iOS #7814.
  • Root use Platform directive #7931.
  • Tooltip refactored from component to directive #7810.
  • Dropdown nested no longer needs manual active zone #7744.
  • WithDataList add host directive #7693.
  • Appearance switch to data-mode #7651.
  • Maskito instead input[tuiMaskAccessor] directive #7646.
  • Alert, Dialog no longer need module imports #6670.
  • Loader add new algorithm to calculate stroke-width #6550.
  • Loader new animation #6538.
  • Use TUI_ANIMATIONS_SPEED instead TUI_ANIMATIONS_DURATION #6542.
• @taiga-ui/kit:
  • Radio, Checkbox, Switch new components based on directives (#5319, #6929).
  • Sensitive add new directive (#5425, #6491, #6960).
  • Skeleton add new directive (#6934).
  • Segmented add new component (#6527, #7192).
  • Tabs refactor and drop MobileTabs in favor of Segmented (#7047).
  • Fade add new directive (#5169).
  • Avatar add colored icons mode (#7806).
  • Connected add directive for Cell and Stepper (#8025).
  • InputPhoneInternational switch to @maskito/phone (#7580).
  • FluidTypography add new directive #8316.
  • Progress add options with DI #8061.
  • Status add new component #8057.
  • Emails add pipe #7596.
  • Pulse add new component #7544.
  • Chevron add new directive #7153.
  • AvatarOutline add new directive #7087.
  • NumberFormat allow dynamic changes #6856.
  • Block add new component #6892.
• @taiga-ui/cdk:
  • Dialogs refactor creation way #6660.
  • Provide add new util #7168.
  • TakeUntilDestroyed add helper #7381.
  • NativeElement add util #7393.
  • ToArray add util #7489.
  • DirectiveBinding / DirectiveListener add utils #7611.
  • Control add signal based abstraction #7650.
  • ThemeColorService add service #8240.
  • Portal refactor abstractions #6692.
  • Rename and remove some helper instances #7065.
  • Scroll controls visible only inside Root area #6623.
• @taiga-ui/layout:
  • Title, BlockDetails, Comment add new components (#5743, #7010).
  • CardMedium, CardLarge add new components (#7260).
  • Cell add new component (#5460, #7235).
  • Navigation implement grid #8377.
  • Navigation simplify 2nd level aside #8141.
• @taiga-ui/addon-commerce:
  • InputCard migrate to new Textfield (#7581).
• @taiga-ui/addon-doc:
  • ThemeSwitcher add new component #7966.
  • Preview lazy component support #7048.
  • Support target property for links #6874.
• @taiga-ui/addon-mobile:
  • SwipeActions add new component (#6644).
  • DropdownMobile add new directive (#7428, #8094).
• @taiga-ui/addon-table:
  • Reorder add possibility to transfer a template #6967.
  • TableSort support nullable values #7888.
• @taiga-ui/i18n:
  • Hebrew add support #8242.
  • Belarusian add support #6421.

Migration guide

This release introduces a lot of breaking changes.
Most of them can be solved automatically with the following command:

Angular CLI:

ng update @taiga-ui/cdk

Nx CLI:

nx migrate @taiga-ui/cdk
nx migrate --run-migrations=migrations.json

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

3.x CHANGELOG...

2.x CHANGELOG...