svelte-inline-css

Easy to use inline style system like Vue.js inline style in Svelte(Use use:action)

Usage no npm install needed!

<script type="module">
  import svelteInlineCss from 'https://cdn.skypack.dev/svelte-inline-css';
</script>

README

svelte-inline-css

Easy to use inline style system like Vue.js inline style in Svelte(Use use:action)

Try it -> REPL

Installation

yarn add svelte-inline-css

Usage

<script lang="ts">
  import style from 'svelte-inline-css';
  export let height: `${number}px` = '0px';
</script>

<div use:style={{ height }} />
<div use:style={{ color: 'red' }}>red</div>