![]() custom-light typography('"Roboto Condensed", sans-serif', $bootstrap-type-scale) Refer to the Ignite UI theming package wiki for documentation and usage of both the SCSS and CSS interfaces. In the sample below, you can preview all the default base themes.Īside from the default themes shipped with the Apex grid package, you can also create and modify your own to match your project identity and branding. Node_modules/igniteui-webcomponents/themes/dark/indigo.css Node_modules/igniteui-webcomponents/themes/light/indigo.css Node_modules/igniteui-webcomponents/themes/dark/fluent.css Node_modules/igniteui-webcomponents/themes/light/fluent.css Node_modules/igniteui-webcomponents/themes/dark/material.css Node_modules/igniteui-webcomponents/themes/light/material.css Node_modules/igniteui-webcomponents/themes/dark/bootstrap.css Node_modules/igniteui-webcomponents/themes/light/bootstrap.css you are using a framework/build tool refer to its documentation on how to add external styles to your output bundle.Īs a rule of thumb, you can always copy the themes folder to your assets directory and link the theme from there in your index.html.
Loading a base themesĭepending on your project type, setup and build configuration the method of how to include one of the files below will vary. ![]() The grid and its UI components have the themes baked in, but the component requires a global stylesheet for palettes, typography and other global configurations to work. The Apex grid comes with four distinct themes – Bootstrap, Material, Fluent and Indigo. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |