Customize @material-tailwind/html with your own theme. You can change the base styles like the colors, typography, box-shadows and breakpoints as well as the components style.
@material-tailwind/html is customizable using the
tailwind.config.js and you can set your own theme and styles throw the Tailwind CSS configurations for all of the components.
Each component has a
class attribute that you can use to add tailwindcss classnames or your own custom classnames.
class attribute overrides the tailwindcss classnames for a component and sometimes you need to use the
! modifier before the tailwindcss classnames to override the classnames for a component.
<button class="button button-pink !bg-blue-500 px-4" data-ripple-light="true"> Button </button>