The Wayback Machine - https://web.archive.org/web/20201107150741/https://github.com/gluons/vue-inline-styled
Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
dev
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

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)
});
You can’t perform that action at this time.