Svelma

NPM

For use with a project using a bundler like Webpack, Rollup, or Parcel

Installation

npm install --save bulma svelma rollup-plugin-postcss

npm install --save bulma svelma rollup-plugin-postcss

Add rollup-plugin-postcss to your rollup.config.js.

import postcss from 'rollup-plugin-postcss'

// ...

export default {
  // ... 
  plugins: [
    svelte({
      // ...
    }),

    postcss(),
  }
}

Usage

Import Bulma's CSS in your main app's component

<!-- App.svelte -->
<script>
  import 'bulma/css/bulma.css'
</script>

Svelma components can be imported one at a time like so:

<script>
  import { Button } from 'svelma'
</script>

<Button>I am a Button</Button>

Or import the full Svelma package.

<script>
  import { Svelma } from 'svelma'
</script>

<Svelma.Button>I am a Button</Svelma.Button>

CDN

Coming soon..

This feature is in progress

Start