tailwindcss-svg

use this package for add custom class in your tailwindcss project like stroke-* , ....

Installation

Install tailwindcss-svg with npm

  npm i tailwindcss-svg

init

in tailwindcss config file add this

tailwind.config.js

module.exports = {
    ...
    plugins:[
        ...
        require('tailwindcss-svg')
    ]
}

API Reference

class list

| name | type | Description | | :-------- | :-- | :--------- | | stop-color | color | stop-color-* for add stop-color css in stop tag svg | | stop-opacity | percentage | stop-opacity-* for add stop-opacity css in stop tag svg | | stroke-url | url | stroke-url-[link] for add stroke-url css | | stroke-limit | number | stroke-limit-* for add stroke-limit css | | fill-url | url | fill-url-[link] for add fill-url css |