vue-inline-styled

0.0.1 • Public • Published

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)
});

Package Sidebar

Install

npm i vue-inline-styled

Weekly Downloads

5

Version

0.0.1

License

MIT

Unpacked Size

7.29 kB

Total Files

22

Last publish

Collaborators

  • illuminator