mdi-vue
mdi-vue copied to clipboard
setting color
I don't see any clear way to define things like colors or add styles to this? Is there a way to add a class prop to be able to further define how it looks?
nevermind, i see i can just wrap it and set a class style to that. would still be nice to be able to set it directly onto the component
@DaveTorrey , Be patient or make a pull request You can also read #37
// example with TailwindCSS
<mdicon name="hamburger" class="text-white"/>
While they don't add this prop, you can use other approach.
<mdicon name="github" class="fill-gray-400" /> <!-- example with Tailwind -->
<mdicon name="github" style="fill: #9ca3af;" /> <!-- example with inline CSS -->
/* style.css */
span[role="img"].mdi > svg {
fill: inherit;
}