@versoly/react-taos
v0.1.0
Published
React Tailwind CSS Animation on Scroll Library
Downloads
88
Readme
Getting started
TAOS React
Installation
Install React package
Install React package
npm install taos-react --save
Install Tailwind plugin
Install TAOS package
npm install taos --save
Add plugin in tailwind.config.js
module.exports = {
plugins: [
require('taos/plugin')
],
}
Add safelist utilties tailwind.config.js
module.exports = {
safelist: [
'!duration-[0ms]',
'!delay-[0ms]',
'html.js :where([class*="taos:"]:not(.taos-init))'
]
}
Extend content to include transform in tailwind.config.js
module.exports = {
content: {
transform: (content) => content.replace(/taos:/g, ''),
relative: true,
},
}