{"library":"quasar-extras","title":"Quasar Framework Extras","description":"Quasar Extras is a collection of essential static assets, including popular icon sets like Material Icons, Material Design Icons (MDI), Font Awesome, and Ionicons, alongside the Roboto font and Animate.css for animations. It is designed to integrate seamlessly with the Quasar Framework, a Vue.js-based UI framework for building various application types. The current stable version is 2.0.9, and the package receives updates as its bundled upstream assets are updated, reflecting a consistent maintenance cadence. Its key differentiators include optimizing asset bundles by stripping unnecessary files for faster downloads, consolidating these assets in a single, tested package tailored for Quasar, and providing a reliable way to include assets like Material Icons, circumventing common npm installation issues with their native packages.","language":"javascript","status":"active","last_verified":"Sat Apr 25","install":{"commands":["npm install quasar-extras"],"cli":null},"imports":["module.exports = function (ctx) {\n  return {\n    extras: [\n      'material-icons'\n    ]\n  }\n}","module.exports = function (ctx) {\n  return {\n    extras: [\n      'fontawesome'\n    ]\n  }\n}","module.exports = function (ctx) {\n  return {\n    animations: 'all' // or an array like ['bounceInDown', 'bounceOutUp']\n  }\n}"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// quasar.conf.js (or quasar.config.js for Quasar v2+)\n// This file runs in a Node context, so use only ES6 features supported by your Node version.\n\nconst { configure } = require('quasar/wrappers')\n\nmodule.exports = configure(function (ctx) {\n  return {\n    // Quasar Framework extras\n    extras: [\n      'roboto-font',\n      'material-icons', // Material Design Icons\n      'mdi',            // Material Design Icons (Community)\n      'fontawesome',    // Font Awesome 5\n      'ionicons'        // Ionicons 4 (Note: v2.0.0+ ships Ionicons v4+)\n    ],\n\n    // Animate.css animations\n    animations: 'all' // or specify an array of specific animations: ['bounceInLeft', 'bounceOutRight']\n\n    // ... other Quasar config options\n  }\n})","lang":"javascript","description":"Demonstrates how to enable multiple font, icon, and animation sets within your Quasar Framework project's configuration file.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}