Release Notes

Patch Changes

• Update accordion component to make it possible to disable the animation.
• Fix select component issue while there is only one option available.
• Add red asterisk for required textarea component.
• Fix the prop-types issue for menu component.
• Fix classname override issue for all components while there is default props classname.

Docs Changes

• Fix spelling and grammar issues.
• Add controlled select example.

Docs Changes

• New components: Skeleton, Gallery, Mega Menu
• New plugins integration: Lexical Rich Text Editor, Copy to Clipboard

Patch Changes

• Add black color for <Button />, <IconButton /> and <ButtonGroup /> components.

Docs Changes

• Update the button, icon button and button group documentation pages.

Patch Changes

• Improved disabled state style for input and select.
• Fixed input placeholder overlap with label.
• Fixed textarea label issue.
• Fixed typos in navbar theme object.
• Added loading state for the button.

Docs Changes

• Fixed broken links.
• Fixed typos.
• Updated button docs page.
• Improved Next.js integration guide.

Patch Changes

• Plugins integration guides (Date Picker, Charts and Algolia Search).

Patch Changes

• Update <Button /> theme.

Patch Changes

• Fix theme issue with <Button /> component.

Docs Updates

• Fix typos.
• Update the design

Patch Changes

• Add native event listeners for <SpeedDialAction />
• Fix prop-types warning for <Badge />

Docs Updates

• Fix the issue with countries select example.

Patch Changes

• Update typography types
• Fix grammer and typo issues

Docs Updates

• Fix outlined issue on examples.
• Fix code issues for components demo.

Minor Changes

• Update design for components
• Change the base color to gray-900 for components
• Fix the border issue with standard and static input variants

Docs Updates

• Add release notes page
• Add figma landing page
• Add algolia search for documentation
• Change the design and layout for the documentation

Patch Changes

• Fix the export issue for components.

Patch Changes

• Replace @heroicons/react icons with svg version of the icons.

Docs Changes

• Update props and theme pages and add them all together to the component page.

Patch Changes

• Add useId hook for <Tabs />, <Checkbox />, <Radio />, <Switch /> components, this will help to use multiple of these components in a page without adding different id for each instance.
• Fix issue #387

Patch Changes

• Update the stepper style for steps.

Docs Changes

• Update texts

Patch Changes

• Fix the style issue for vertical tabs.

Docs Changes

• Add new examples with custom styles for components.

Patch Changes

• Fix issue #362
• Fix issue #361
• Fix issue #360
• Fix issue #359

Patch Changes

• Improve framer motion first load size, by @mobinyardim
• Fix chip size in documentation, by @guilhermealves18
• Fix missing import on documentation, by @abhidadhaniya23
• Remove all LOREM IPSUM texts from documentation

Fixed

• Add @heroicons/react as dependency to fix the missing dependency issue.
• Fix the <Badge /> proptypes issue for color.

Major Chages

• Update Alert component.
• Update Chip component.
• Update Avatar component.

Features

• Add new component Badge
• Add new component ButtonGroup
• Add new component Collapse
• Add new component Carousel
• Add new component Drawer
• Add new component List
• Add new component RatingBar
• Add new component Slider
• Add new component SpeedDial
• Add new component Spinner
• Add new component Stepper
• Add new component Timeline
• Update Checkbox component
• Update Menu component
• Update Navbar component
• Update ProgressBar component
• Update RadioButton component
• Update Swtich component
• Update Tabs component

Docs Chages

• Add new components documentation pages
• Add new examples to documentation
• Fix typos on documentation
• Add new page Form
• Add new page Pagination
• Add new page Footer
• Add new page Img
• Add new page Video
• Add new page Sidebar
• Add new page Table

Fix

• Fix the path issue with withMT() config file.

Docs

• Update the monorepo guidelines for tailwind.config.js

Changes

• Update the withMT() function for tailwind configurations.

Features

• Add the __dirname for withMT() function by @randallhunt.
• Add shrink prop for <Input /> for making the floating label controlled.
• Add shrink prop for <Textarea /> for making the floating label controlled.
• Update <Menu /> component to be keyboard friendly.
• Update <Select /> component to make the label floated if there is a value by default.
• Update <Checkbox />, <Radio /> and <Switch /> components label type from string to node, it helps to pass JSX as value for the label prop.
• Add iconProps for <Checkbox /> and <Radio /> to make the icon container customisable.
• se the useMergeRefs instead of react-merge-refs.
• Remove the opacity changing when closing and opening the <Accordion />, it make the behavior more smooth.

Fix

• Fix issue #290
• Fix issue #288
• Fix issue #258
• Fix issue #225 by @pppp606

Docs Changes

• Add guides for using @material-tailwind/react with Astro.
• Add guides for using @material-tailwind/react with Gatsby.
• Add guides for using @material-tailwind/react with Next.js 13 and Server Components.

Fix

• Fix issue #256
• Fix issue #249
• Fix issue #227
• Fix issue #165
• Fix issue #143
• Fix issue #116
• Fix issue #232
• Fix issue #213
• Fix issue #205
• Fix issue #240
• Fix issue #229
• Fix typo mistakes by @victorpatru and @Yarles404
• Fix the props interface issue for the home page by @Deveesh-Shetty

Docs Changes

• Add guides for using @material-tailwind/react with monorepo.
• Update the components pages and fix the import issues for code examples.

Features

• Add containerProps for Input component to make it easier for passing props to Input container element.

Fix

• Fix issue #210
• Fix issue #201
• Fix issue #198
• Fix Accordion auto height issue by @mldy.

Docs Changes

• Update accordion page.
• Update input props page.

Fix

• Fix issue #193
• Fix issue #194

Docs Changes

• Update navbar example.

Fix

• Avatar circular variant not working.

Fix

• Fix issue #106.
• Fix the avatar theme object.

Docs Changes

• Update navbar page.

Fix

• Fix issue #177.

Features

• Add MobileNav component for responsive Navbar collapse.

Updates

• Update readme file.

Docs Changes

• Update navbar pages.

Updates

• Update all of the dependencies to their latest versions.
• Rename blue-grey to blue-gray.
• Rename grey to gray.

Features

• Use tailwind-merge library for merging className props for components.
• Add new white color for button and icon button.

Fix

• Fix accordion disabled state for keyboard.
• Fix the select option disabled state.
• Remove the unnecessary margin bottom from the switch label.
• Fix issue #169.
• Fix issue #144.

Docs

• Refactor the documentation.
• Add variety of examples and use cases for all components.

Features

• Change the font-family from serif to sans for headings.

Docs Changes

• Refactor the documentation.
• Add new login card example for the card page

Fix

• Types definition issues.

Features

• Mark as export all types definition for styling and theming.

Docs Changes

• Separate the props definition page from components page.
• Add theming guideline page for each individual component.

Fix

• Fix the production issue for <Select /> component

Fix

• Fix issue number #114

Fix

• Fix issue number #105
• Fix issue number #84
• Fix issue number #81
• Fix issue number #78

Changes

• Removed unused import for @material-tailwind/react/components/Dialog.
• Fixed the @material-tailwind/react/components/MenuCore.tsx floating issue when scrolling the page.

Updates

• Update README

Updates

• Update README

@material-tailwind/react

• Update README

@material-tailwind/html

• Update README

New Features

• @material-tailwind/html
• @material-tailwind/react

Note

• The entire library has been changes and there is a totally new things there, please checkout the official documentation of the library for a better understanding. Material Tailwind

New Features

• @material-tailwind/html
• @material-tailwind/react

Note

• The entire library has been changes and there is a totally new things there, please checkout the official documentation of the library for a better understanding. Material Tailwind

New Features

• Update tailwindcss to the latest version

Bug fixing

• Update card header margin
• Reduce the input icon opacity
• Change the dropdown text from uppercase to capitalize

Bug fixing

• Update indentation for the code example
• Rename the NavbarList component name to Nav
• Rename the NavbarItem component name to NavItem
• Update all the dependencies and dev-dependencies

New Features

• New components are added
• className prop added for the components
• Default props are added for the components

Bug fixing

• Console errors are fixed

Bug fixing

• Solve the issue of tippy.js style sheets for popover, tooltips and dropdown component

New Features

• New components: Textarea, Checkbox, Radio Button, Card Row, Card Status, Card Status Footer
• Update components design

Bug fixing

• Solve the issue with the tippy.js style modules

New Features

• Update components design
• Add new Features for the components
• Add transparent background for components

Bug fixing

• Solve ripple effect and css publish on npm

Original Release

• Started project from Tailwind CSS and Material Design 2
• Added design from Material Design 2 using Tailwind CSS