md3tail
Tailwind plugin
npm i @md3tail/theme
Just add plugin to pligin's list
import type { Config } from 'tailwindcss';
import { md3Theme } from '@md3tail/theme';
const config: Config = {
content: [],
plugins: [md3Theme()],
};
export default config;
React components
npm i @md3tail/react
@md3tail/react is a wrapper around Material Desingn 3 components
import {
TextButton,
Radio,
Row,
} from "@md3tail/react";
export default function Page() {
return (
<Row className="w-full" items="center">
<TextButton>
<Icon slot="icon">favorite</Icon>
<span>Icon</span>
</TextButton>
</Row>
);
}