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

    Install

    npm i vue-inline-styled

    DownloadsWeekly Downloads

    3

    Version

    0.0.1

    License

    MIT

    Unpacked Size

    7.29 kB

    Total Files

    22

    Last publish

    Collaborators

    • avatar