Release Notes

patch changes

• Update the input design for black and white colors.

• Add black and white colors support for textarea component.

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