Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Ki Duotone,Text-gray-900(etc) not working in vue


I'm using demo25 in vue3,but ki-duotone not-working


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (6)


Hi,

Thank you for reaching out to us.

Did you import the keenicon styles?

@import "assets/keenicons/duotone/style.css";
@import "assets/keenicons/outline/style.css";
@import "assets/keenicons/solid/style.css";


Regards,
Lauris Stepanovs,
Keenthemes Support Team



sorry, but I've tried adding it but it doesn't work if using ki-duotone

btw I'm using demo25(html) and I created my own vue structure because there is no vue for demo25



I think there is a problem in demo 25, because when I try to change the html version, Duotone still has a bug



Hi,

Unfortunately, we were not able to reproduce this issue in the latest Metronic version.

Could you please specify which Metronic version you are using?

Do you have keenicon styles when you inspect the icon element?

Regards,
Lauris Stepanovs,
Keenthemes Support Team



I am using metronic demo 25 v8.2.5, I also tried checking by inspect element in demo panel and changing the icon to duotone and there is a problem



Hi Andi,

Do you have the same problem on our preview page?
https://preview.keenthemes.com/metronic8/demo25/

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(