KTUIKTUI
KTUIKTUI
ComponentsDocsStudio

Getting Started

IntroductionInstallationApproachThemingJavaScriptTypeScriptDark modeRTLReferencesChangelog - v1.2.5Metronic TemplatePopular

Components

AccordionAvatarAlertBadgeBreadcrumbButtonCardCarouselNewClipboardNewCheckboxCollapseDatatableUpdateContext MenuNewDismissDrawerDropdownImage InputInputInput numberNewKbdLinkModalPaginationPin inputNewProgressRadio GroupRange SliderNewRatingNewReparentRepeaterNewScrollableScrollspyScrolltoSelectSeparatorSkeletonStepperStickySwitchTabsTextareaTheme SwitchToastTooltipToggleToggle GroupToggle PasswordTooltip
©2026 KtUI. All rights reserved.
A project by Keenthemes
Docs
Changelog

Changelog

Latest updates and announcements.

v1.2.5 - 12 May 2026

New Features

  • KTInputNumber: Numeric input helper on native input[type="number"] with optional data-kt-input-number-increment / data-kt-input-number-decrement buttons and kt.input-number.* events — Preview
  • KTSelect: Added getValue method for single-select
  • KTSelect: Added selected count display for multi-select options
  • KTDatatable: Enhanced with local sorting, remote filters, loading states, row actions, and selection capabilities — Preview
  • KTDatatable: Added non-sortable columns support and programmatic reload — Preview
  • KTSelect: Added read-selection component for reading selected options — Preview

New Examples & Documentation

  • Card: Added new card component examples — Simple Content, Media Meta, Loading Skeleton, Stats Grid, and Action List — Preview
  • Separator: Added 8 new examples including basic, vertical, labeled, inset, list divider, in-card, and section divider variants — Preview
  • Skeleton: Added 13 new examples for card, list, table, paragraph, avatar row, gallery, profile, media object, stats KPI, comment thread, and form section UI patterns — Preview
  • KTDatatable: Added 11 new documentation examples covering remote data source, group row selection, non-sortable columns, programmatic reload, event logging, remote filters, row actions, local sort/search callbacks, loading and empty states, and remote data with row selection — Preview

Improvements

  • KTSelect: Enhanced tag styles and selected count display for better multi-select usability
  • KTDatatable: Improved remote data URL resolution to support iframes (srcdoc), SSR, and cross-origin parent contexts without errors — Preview
  • KTDatatable: Added null-safety guards across checkbox, pagination, providers, and table renderer to prevent runtime crashes — Preview
  • KTDatatable: Enhanced pagination element handling and overall robustness
  • KTDropdown: Improved null checks and type safety to prevent runtime errors
  • KTDropdown: Enhanced input group button styling with shadow and border adjustments
  • Input Number: Enhanced button styling and documentation

Infrastructure

  • Removed unused Babel dependencies and cleaned up package configuration
  • Removed .npmrc configuration file
  • Updated package overrides to include brace-expansion, fast-uri, and postcss for improved security

v1.2.4 - 30 April 2026

New Features

  • Single component import: You can now import one component at a time (example: @keenthemes/ktui/components/toggle-password).
  • New import entrypoints: Added @keenthemes/ktui/core and @keenthemes/ktui/init-all.
  • Context Menu: Added KTContextMenu with nested menu support - Preview

Improvements

  • KTDatatable: Improved performance and event handling for better table interactions.
  • Initialization: Kept old root import behavior working and added clearer import modes (core and init-all).
  • TypeScript: Updated exports so strict TypeScript and modern bundlers resolve types correctly.
  • Theme Switch: Improved toggle and set event handling for better cleanup.
  • Toggle: Improved click event handling and cleanup.

Bug Fixes

  • Modal: Improved backdrop and content click handling.
  • KTSelect: Fixed build issues by using type-only exports for config and option types.

v1.2.3 - 21 April 2026

Improvements

  • Livewire SPA compatibility: Improved modal event handling for wire:navigate flows by binding listeners to a stable root element
  • Theme Switch: Standardized internal KTData key from theme-swtich to theme-switch

Bug Fixes

  • Modal: Fixed backdrop layering and dismiss behavior in SPA navigation
  • Theme Switch: Fixed instance lookup edge cases caused by misspelled data key

v1.2.2 - 9 April 2026

New Features

  • Pin input: Multi-field PIN/OTP (data-kt-pin-input*) — Preview
  • Carousel: Slideshow with prev/next, pagination, thumbnails, and autoplay — Preview

Improvements

  • TypeScript: Enabled strictNullChecks and refactored components (KTDatatable, KTSelect, KTDrawer, KTDropdown, KTToast, KTSticky) with clearer nullable types and guards
  • Tests & quality: Updated datatable, select, repeater, and clipboard tests for stricter type safety
  • Repository: Removed deprecated datatable example HTML; refreshed CONTRIBUTING.md

v1.2.1 - 31 March 2026

New Features

  • KTClipboard: New clipboard utility component with support for copy interactions, icon swap behavior, and tooltip-based feedback - Preview
  • KTRangeSlider: New range slider component with docs and examples, including basic, with-output, disabled, stepped-bounds, datalist-ticks, form-integration, and programmatic-update variations - Preview

Improvements

  • Range Slider Docs: Enhance variation demos to show live value/output bindings for a more practical integration reference - Preview

v1.2.0 - 17 March 2026

New Features

  • KTRepeater: New component for repeatable form blocks — add trigger clones a template into a container, with optional limit and per-item remove via data-kt-repeater-delete - Preview
  • KTRating: New component with customizable symbols for star or custom rating UI - Preview
  • Input group: Add example HTML and CSS for select input groups with addons

Improvements

  • Documentation: Add TypeScript support documentation for components and new TypeScript guide - Preview
  • Build: Update build command and add TypeScript configuration for library output (lib/cjs, lib/esm)
  • KTRating: Add tests for component functionality - Preview
  • KTRepeater: Add tests for add and delete functionality - Preview

v1.1.6 - 5 March 2026

New Features

  • KTSticky: Add data-kt-sticky-release-delay for smooth inline style exit animation - Preview
  • KTDatatable: Enhance column count handling for multi-row headers and add corresponding tests - Preview
  • KTDatatable: Add currency sort test and example HTML for numeric sorting - Preview
  • KTSelect: Enhance setSelectedOptions method to sync native select and update display for single and multiple selections - Preview

Improvements

  • KTSticky: Add tests for release delay, active/release classes, and debounced scroll behavior - Preview

Bug Fixes

  • KTSticky: Fixed debounce scroll context, class flicker, and inline style removal on rapid scroll - Preview
  • KTSelect: Fixed errors on refresh() before init and keyboard handling in search - Preview
  • Webpack: Updated clean config to retain ktui.js alongside styles.css

Infrastructure

  • Resolve npm audit security vulnerabilities and update dependencies (e.g. terser-webpack-plugin v5.3.17)

v1.1.5 - 12 February 2026

New Features

  • KTDatatable: Add reinit method for reinitializing datatables after DOM updates - Preview
  • KTDrawer: Add keepInPlaceWithin option to manage drawer positioning in SPA layouts - Preview
  • KTDrawer: Update toggle and show methods to accept relatedTarget parameter - Preview
  • KTDropdown: Add timestamp to track last _show() call and prevent duplicate _hide() calls - Preview

Improvements

  • KTDatatable: Improve sorting state management by clearing previous sort indicators and applying active sort class - Preview
  • KTDatatable: Enhance sorting functionality with numeric comparison and config merging - Preview

Bug Fixes

  • KTDatatable: Ensure correct rendering of table cells when no data-kt-datatable-column attributes are present - Preview
  • KTSelect: Truncate long option text in single select - Preview

v1.1.4 - 22 January 2026

Bug Fixes

  • KTDatatable: Fix merged columns (rowspan/colspan) rendering - only consider header cells with data-kt-datatable-column so merged header cells do not produce blank table cells - Preview

v1.1.3 - 13 January 2026

Improvements

  • Select: Added closeOnEnter, closeOnOtherOpen, dispatchGlobalEvents options, search autofocus, and optimized dropdown close logic - Preview

Bug Fixes

  • KTSelect: Fixed search persistence, Enter key handling, race conditions, jQuery event dispatch, single-select flexbox alignment, search/clear button, and long text truncation - Preview
  • KTDrawer: Fixed drawer positioning within persisted Livewire components and z-index stacking - Preview
  • KTDatatable: Improved instance retrieval to prevent duplicate instances - Preview
  • Global Components: Fixed default base path; fixed Topbar buttons, drawer and user dropdown after wire:navigate partial refresh

v1.1.2 - 19 December 2025

New Features

  • Select: Added closeOnEnter configuration to control dropdown closure on Enter key press
  • Select: Added closeOnOtherOpen configuration to manage multiple dropdowns, automatically closing others when one opens
  • Select: Added search input autofocus functionality for improved user experience
  • Select: Implemented dispatchGlobalEvents for event dispatching on document for jQuery compatibility and global event listeners

Improvements

  • Select: Optimized dropdown closure logic for better performance

Bug Fixes

  • Select: Fixed search input persistence after dropdown close

v1.1.1 - 4 December 2025

New Features

  • DataTable: Automatic pagination reset on search and filter
  • DataTable: Handle race conditions on remote data search and filter actions

Improvements

  • Input: Enhanced readonly state handling

v1.0.28 - 20 November 2025

Improvements

  • DataTable: Improved error handling events for remote data sources.

v1.0.27 - 10 November 2025

Improvements

  • Select: Improved dropdown positioning in modals for better alignment and usability
  • Modal: Enhanced backdrop click handling to prevent unwanted modal closure
  • Select: Better selection preservation and modal handling for improved user experience

Bug Fixes

  • Select: Fixed dropdown positioning issues in centered modal containers
  • Modal: Resolved backdrop click behavior to prevent accidental modal dismissal

Infrastructure

  • Git: Added comprehensive .gitignore patterns and removed lib directory from version control

v1.0.26 - 8 November 2025

Improvements

  • DataTable: Enhanced checkbox state management and event firing
  • Select: Improved native select synchronization and remote data handling
  • Select: Better option handling and dropdown positioning
  • DataTable: Added requestCredentials support to configuration
  • Modal: Enhanced hide logic for modal component

Examples

  • Select: Added dynamic control methods example
  • Select: Added remote data pre-selection example

v1.0.25 - 6 November 2025

Improvements

  • Select: Updated tag and display styles for improved UI consistency
  • Select: Enhanced option selection handling in KTSelect component

Styling

  • Select: Updated select component CSS with improved styling

v1.0.24 - 9 October 2025

New Features

  • Select: Global configuration support for KTSelect component

Improvements

  • Select: Enhanced instance management and search result handling
  • Select: Updated search result handling and CSS styles
  • Image Input: Improved configuration handling and element selection

Examples

  • Select: Added modal container example for KTSelect component
  • DataTable & Select: Added more examples for datatable and select components

v1.0.23 - 2 October 2025

New Features

  • Select: Enhanced tag and multi-select display styles

Improvements

  • Select: Improved remote data select example and added loading styles

Bug Fixes

  • Select: Clear native select options on selection clear

Examples

  • Select: Removed outdated examples and added enhanced tag examples

v1.0.22 - 1 October 2025

New Features

  • Select: Enhanced dropdown configuration with custom container support
  • DataTable: Added sorting test functionality

Improvements

  • Select: Improved remote data select example with better HTML structure
  • Select: Added loading styles for better user experience during data fetching
  • Select: Improved multi-select display container with better layout and focus styles

Bug Fixes

  • Select: Improved remote data select example and added loading styles

Examples

  • Select: Removed outdated examples and added enhanced tag examples
  • DataTable: Added sorting test for KT DataTable

v1.0.21 - 19 September 2025

New Features

  • Select: Enhanced select component with new features and optimizations
  • Select: Added remote data selection example

Improvements

  • Select: Improved option rendering, remote data fetching, dropdown updates, loading state, and accessibility with space key support

Bug Fixes

  • Select: Resolved remote select search results and loading issues
  • Toast: Fixed RTL centering and added middle position support
  • Toast: Updated Toast CSS with RTL centering fix and middle positions

v1.0.20 - 7 August 2025

New Features

  • DataTable: Sorting disable feature for specific columns
  • Examples: File upload example for KTUI Image Input component

Improvements

  • DataTable: Enhanced disposal process and browser guard
  • Sticky: Support for middle and center positioning with improved offset logic
  • Select: Better accessibility with space key input support
  • Build System: Updated webpack configuration and KTDom helper
  • DOM Helper: Added readyEl function for Elementor DOM preparation

Dependencies

  • Updated Tailwind CSS to version 4.1.11

v1.0.19 - 12 June 2025

New Features

  • Select: "Select All" functionality for multi-select component

Improvements

  • Toast: Enhanced clearAll to remove containers and clear containerMap
  • Select: Updated dropdown behavior for single and multiple select modes

Bug Fixes

  • Select: Disabled "Select All" button in multi-select configuration

v1.0.18 - 29 May 2025

New Features

  • Stepper: Step cancellation based on async validation in change event handlers

Improvements

  • Base Component: Enhanced async validation support for component lifecycle
  • Select: Improved dropdown behavior and event handling

v1.0.17 - 29 May 2025

New Features

  • Select: Search empty state functionality

Improvements

  • Select: Renamed no results properties to searchEmpty for consistency
  • Select: Updated no results text in select configuration for clarity
  • Select: Renamed search configuration properties for consistency

Bug Fixes

  • Select: Fixed search empty state style
  • Select: Fixed placeholder style

v1.0.16 - 29 May 2025

Improvements

  • Select: Updated dropdown z-index in select config
  • Select: Improved dropdown z-index handling and container resolution logic

Bug Fixes

  • Select: Fixed wrapper style issues

v1.0.15 - 29 May 2025

New Features

  • Dropdown: Added dropdown container option for better positioning control

Improvements

  • Select: Refactored classes between wrapper and display elements
  • Select: Enhanced select configuration
  • Dropdown: Enhanced types and configuration options

v1.0.14 - 28 May 2025

Improvements

  • Select: Enhanced with mutation observer, lazy option creation, class restructuring, simplified display/placeholder logic, and duplicate removal - Preview
  • DataTable: Improved page size selection handling

Examples

  • Select: Updated modal select examples and templates

v1.0.13 - 28 May 2025

New Features

  • Select: Added multiple mode styles, custom option templates, combobox enhancements, and data-multiple attribute support

Improvements

  • Select: Removed closeOnSelect; standardized event listeners; improved display, dropdown, keyboard, search, combobox filtering, placeholder rendering, and configuration handling

Bug Fixes

  • Toast: Fixed container z-index issue
  • Select: Fixed duplicate options, dropdown focus, multiple select issues, wrapper clicks, closeOnSelect behavior, keyboard navigation, option rendering, and selected option handling

Examples

  • Select: Added new select examples (sizes, icon-description, template-customization)
  • Select: Updated existing examples with improved styling and functionality
  • Select: Enhanced examples with country options, icons, and improved tag rendering

Styling

  • Select: Updated select component CSS with improved styling
  • Scrollable: Enhanced scrollable component CSS
  • Input: Updated input component CSS

Dependencies

  • Added concurrently dependency and modified build scripts
  • Updated package dependencies and integrated Tailwind CSS for styling

Infrastructure

  • GitHub Actions: Updated publish workflow from npm ci to npm install
  • Build System: Enhanced build scripts and configuration

v1.0.12 - 26 May 2025

  • Added Toast Component - Preview
  • Updated Input Component - Preview

v1.0.0 - 24 April 2025

  • Initial release
PreviouseReferencesNextMetronic Template

On This Page

  • v1.2.5 - 12 May 2026
    • New Features
    • New Examples & Documentation
    • Improvements
    • Infrastructure
  • v1.2.4 - 30 April 2026
    • New Features
    • Improvements
    • Bug Fixes
  • v1.2.3 - 21 April 2026
    • Improvements
    • Bug Fixes
  • v1.2.2 - 9 April 2026
    • New Features
    • Improvements
  • v1.2.1 - 31 March 2026
    • New Features
    • Improvements
  • v1.2.0 - 17 March 2026
    • New Features
    • Improvements
  • v1.1.6 - 5 March 2026
    • New Features
    • Improvements
    • Bug Fixes
    • Infrastructure
  • v1.1.5 - 12 February 2026
    • New Features
    • Improvements
    • Bug Fixes
  • v1.1.4 - 22 January 2026
    • Bug Fixes
  • v1.1.3 - 13 January 2026
    • Improvements
    • Bug Fixes
  • v1.1.2 - 19 December 2025
    • New Features
    • Improvements
    • Bug Fixes
  • v1.1.1 - 4 December 2025
    • New Features
    • Improvements
  • v1.0.28 - 20 November 2025
    • Improvements
  • v1.0.27 - 10 November 2025
    • Improvements
    • Bug Fixes
    • Infrastructure
  • v1.0.26 - 8 November 2025
    • Improvements
    • Examples
  • v1.0.25 - 6 November 2025
    • Improvements
    • Styling
  • v1.0.24 - 9 October 2025
    • New Features
    • Improvements
    • Examples
  • v1.0.23 - 2 October 2025
    • New Features
    • Improvements
    • Bug Fixes
    • Examples
  • v1.0.22 - 1 October 2025
    • New Features
    • Improvements
    • Bug Fixes
    • Examples
  • v1.0.21 - 19 September 2025
    • New Features
    • Improvements
    • Bug Fixes
  • v1.0.20 - 7 August 2025
    • New Features
    • Improvements
    • Dependencies
  • v1.0.19 - 12 June 2025
    • New Features
    • Improvements
    • Bug Fixes
  • v1.0.18 - 29 May 2025
    • New Features
    • Improvements
  • v1.0.17 - 29 May 2025
    • New Features
    • Improvements
    • Bug Fixes
  • v1.0.16 - 29 May 2025
    • Improvements
    • Bug Fixes
  • v1.0.15 - 29 May 2025
    • New Features
    • Improvements
  • v1.0.14 - 28 May 2025
    • Improvements
    • Examples
  • v1.0.13 - 28 May 2025
    • New Features
    • Improvements
    • Bug Fixes
    • Examples
    • Styling
    • Dependencies
    • Infrastructure
  • v1.0.12 - 26 May 2025
  • v1.0.0 - 24 April 2025