https://github.com/hawkeye64/q-theme-mixin
Provide theme options for your Quasar-based components
https://github.com/hawkeye64/q-theme-mixin
Last synced: 3 months ago
JSON representation
Provide theme options for your Quasar-based components
- Host: GitHub
- URL: https://github.com/hawkeye64/q-theme-mixin
- Owner: hawkeye64
- License: mit
- Created: 2019-09-28T14:01:03.000Z (over 5 years ago)
- Default Branch: dev
- Last Pushed: 2020-04-07T13:11:58.000Z (about 5 years ago)
- Last Synced: 2025-02-26T11:41:42.083Z (4 months ago)
- Language: JavaScript
- Homepage: https://hawkeye64.github.io/q-theme-mixin/
- Size: 2.82 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
QThemeMixin
===
QThemeMixin is a Vue Mix-in library for components created with Quasar Framework. It is only for components that use a `render` function. It does not work with template formats found with SFC (single file components).
# Features
Allows you to define themes to be used (check out [QCalendar](https://github.com/quasarframework/app-extension-qcalendar)) in conjunction with [QColorizeMixin](https://github.com/hawkeye64/q-colorize-mixin).
# Install
To add this mix-in to your Quasar application, run the following (in your Quasar app folder):
```bash
yarn add q-theme-mixin
# or
npm install q-theme-mixin
```
# Uninstall
To remove this mix-in from your Quasar application, run the following (in your Quasar app folder):
```bash
yarn remove q-theme-mixin
# or
npm remove q-theme-mixin
```
# Documentation and Examples
Examples with code can be found [here](https://hawkeye64.github.io/q-theme-mixin/examples).
# Demo Project (source)
Source for the demo application can be found [here](https://github.com/hawkeye64/q-theme-mixin/tree/master/demo).
# Setup
```bash
$ yarn
```
# Developing
```bash
$ cd ui
# start dev in SPA mode
$ yarn dev
```
# Building package
```bash
$ cd ui
$ yarn build
```
# Building Demo
```bash
# first time prep (from root)
$ cd demo
$ yarn
# for interactive - browser opens automatically
$ quasar dev
# for build - goes to docs folder
$ yarn build-demo
```
# Donate
If you appreciate the work that went into this, please consider donating to [Quasar](https://donate.quasar.dev) or [Jeff](https://github.com/sponsors/hawkeye64).
# License
MIT (c) Jeff Galbraith