/* Instalar e Iniciar */
yarn add tailwindcss postcss autoprefixer
yarn tailwindcss init -p
/* Configuracion tailwind.config.cjs */
module.exports = {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
}
/* ./src/index.css */
@tailwind base;
@tailwind components;
@tailwind utilities;
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter