Vue inline styled

Writing inline CSS style in Vue component with ease.

Version: 0.0.1 Updated: 11/12/2018

By: gluons License: MIT

Downloads Last 30 Days: 14

Vue Inline Styled

GitHub npm npm Codacy grade Travis (.com) TSLint

Writing inline CSS style in Vue component with ease.

Use style-to-object under the hood.

Installation

Via npm:

npm install vue-inline-styled

Via Yarn:

yarn add vue-inline-styled

Usage

import Vue from 'vue';
import inlineStyled from 'vue-inline-styled';

import MyComponent from './components/MyComponent.vue';

const StyledMyComponent = inlineStyled(MyComponent)`
    color: red;
    font-size: 20px;
    background-color: yellow;
`;

new Vue({
    el: '#app',
    // Component will be renderred with inline style
    render: h => h(StyledMyComponent)
});
Categories: Vue js