tsedio / tsed-formio

Repository dedicated to formiojs.
https://formio.tsed.io
14 stars 8 forks source link

Icons are not displaying in Ionic Angular application #134

Closed shyamalaUnv closed 1 month ago

shyamalaUnv commented 5 months ago

I have installed using these commands in ionic angular application

npm install @tsed/tailwind-formio --save
npm install --save-dev postcss-nested@4

and imported these css class in global.scss

@import "~tailwind.css";
@import "~@tsed/tailwind-formio/styles/index.css";

In component using like this

import tailwind from "@tsed/tailwind-formio";
Formio.use(tailwind);
Templates.framework = "tailwind";

form is loading but icons are not displaying Screen Shot 2023-11-29 at 3 52 10 PM

Can anyone help me on this?

Romakita commented 1 month ago

Form the readme:

Optionally, you can import fonts and icons:

@import "~formiojs/dist/formio.full.css";
@import "./tailwind.css";
+@import "./fonts/source-sans-pro/index.css";
+@import "./fonts/inconsolata/index.css";
+@import "./fonts/bxicons/index.css";
@import "~@tsed/tailwind-formio/styles/index.css";
github-actions[bot] commented 1 month ago

🎉 Are you happy?

If you appreciated the support, know that it is free and is carried out on personal time ;)

A support, even a little bit makes a difference for me and continues to bring you answers!

github opencollective