Meet Preline UI v2.0.0 - this release features:
- Hundreds of new Components
- 9 new Plugins
- Third-Party Plugins Integrations
- TypeScript Support
- and many more..
Please note that there are some breaking changes to bear in mind when moving from v1.9.0 to v2.0.
New Examples pages
- Examples: Hero Forms
- Examples: Galleries
- Examples: Application Tables
New Plugins
- Plugins: Advanced Select
- Plugins: Input Number
- Plugins: Strong Password
- Plugins: Toggle Password
- Plugins: Toggle Count
- Plugins: Copy Markup
- Plugins: PIN Input
- Plugins: Stepper
- Plugins: Carousel
New Components
- Component Plugin: Advanced Select
- Component Plugin: Strong Password
- Component Plugin: Toggle Password
- Component Plugin: Toggle Count
- Component Plugin: Copy Markup
- Component Plugin: Charts
- Component Plugin: Datamaps
- Component Plugin: WYSIWYG Editor
- Component Plugin: Clipboard
- Component Content: Typography
- Component Content: Images
- Component Content: Links
- Component Content: Dividers and <hr>
- Component Content: KBD
- Component Content: Custom scrollbar
- Component Base: Chat Bubbles
- Component Base: Carousel
- Component Base: Datepicker
- Component Base: File Uploading Progress Form
- Component Base: Ratings
- Component Base: Stepper
- Component Base: Timeline
- Header: Center aligned navbar option
- Mega Meny: Columns
- Component Basic Forms: Input Number
- Component Basic Forms: Range Slider
- Component Basic Forms: Color Picker
- Accordion: Active content bordered
- Alerts: Bordered styles
- Avatar: Avatar Examples
- Avatar: Solid color variants
- Avatar: Soft color variants
- Avatar: Outline color variants
- Avatar: White color variants
- Avatar Group: With Tooltip
- Badge: Outline color variants
- Badge: Working with icons
- Badge: Badge with Avatar
- Badge: Animation
- Badge: Button
- Buttons: White Color Button Variants
- Buttons: Link Color Button Variants
- Buttons: Button examples
- Button Group: Toolbar
- Card: Top bordered card
- Card: Panel actions
- Lists: List marker
- List Group: List group invoice
- List Group: List group examples
- Progress: Label at the end
- Progress: Title label
- Progress: Floating label
- Progress: Shape
- Progress: Steps
- Progress: Circular Progress
- Toasts: Avatar
- Toasts: Progress
- Tabs: Horizontal scroll
- Breadcrumb: Bordered
- Breadcrumb: "More" static button
- Breadcrumb: "More" button with Dropdown
- Pagination: Bordered
- Pagination: Bordered Group
- Pagination: Stretched
- Pagination: Mini size
- Pagination: Working with tooltip
- Pagination: Jumper
- Pagination: More with Dropdown
- Pagination: Sizes
- Pagination: Shape
- Input: Gray input
- Input: Underline input
- Input: Floating label
- Textarea: Gray input
- Textarea: Underline input
- Textarea: Floating label
- Select: Gray input
- Select: Floating label
- Switch: With Icons
- Switch: Sizes
- Switch: Solid color
- Switch: Soft color variant
- Popover: Review popover example
- Popover: User popover example
- Modal: Custom backdrop color
- Offcanvas: Custom backdrop color
Breaking changes
- Dropped: Bootstrap Icons in favor of Lucide
- Changed: Border radius changed from rounded-md to rounded-lg for all components
- Renamed: Modal in the Plugins to Overlay.
- Dropped: Mega Menu in the Plugins page causing confusion due to duplication with the Dropdown. However, full examples are in the Component pages.
- Dropped: Offcanvas in the Plugins page causing confusion due to duplication with the Modal. However, full examples are in the Component pages.
- Dropped: Sidebar in the Plugins page causing confusion due to duplication with the Modal. However, full examples are in the Component pages.
- Dropped: Popover in the Plugins page causing confusion due to duplication with the Tooltip. However, full examples are in the Component pages.
Code improved components:
- Accordion
- Alerts
- Avatar
- Badge
- Blockquote
- Buttons
- Button Group
- Card
- Collapse
- List Group
- Lists
- Static Icons
- Toasts
- Navs
- Tabs
- Scrollspy
- Mega Menu
- Breadcrumb
- Pagination
- Input and Textarea are now in sepearate files
- Dropdown
Added :disabled class style by default for components:
- Accordion
- Alerts
- Badge
- Buttons
- Toasts
- Navs
- Tabs
- Pagination
- Input
- Input Group
- File Input
- Checkbox
- Radio
- Switch
Fixes and Improvements
- Fixed: Overlay plugin - hs-overlay-backdrop-open: class not working with dark: class.
- Fixed: Table - Products Review broken on Firefox [Issue #107]
- Fixed: All examples in example page have a unnecessary ,nav closing tag [Issue #97]
- Improvements: Simplified RTL support with logical properties now supported in Preline.
- Improvements: ... dropped in favor of ... tag.
- Improvements: The markup for progress bars has been updated in v2.0.0. Now, role="progressbar" and the relevant aria-* attributes are on the outer progress element, leaving the inner bar purely for the visual presentation of the bar and optional label.
- Bunch of other fixes and improvements.
Learn more here