mdi-vue icon indicating copy to clipboard operation
mdi-vue copied to clipboard

setting color

Open DaveTorrey opened this issue 3 years ago • 3 comments

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?

DaveTorrey avatar Jul 02 '21 02:07 DaveTorrey

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 avatar Jul 02 '21 02:07 DaveTorrey

@DaveTorrey , Be patient or make a pull request You can also read #37

// example with TailwindCSS
<mdicon name="hamburger" class="text-white"/>

innovaweb-dev avatar Jul 16 '22 11:07 innovaweb-dev

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;
}

zenojunior avatar Jul 27 '22 13:07 zenojunior