SvelteFlatUI Components

Svelte Flat UI Components

Installation

yarn add svelte-ui-button svelte-ui-theme

Usage

All components (Global)

import Flat from 'svelte-ui' 
import 'svelte-ui-theme/index.css'

Standalone component

import { Button } from 'svelte-ui-button' 
import 'svelte-ui-theme/button.css'

Babel plugin

babel-plugin-svelteflat

Install

yarn add babel-plugin-svelteflat --dev

Configure

Edit your .babelrc:

{
  "plugins": [
    ["svelteflat", [
      { 
        "libraryName": "svelte-ui",
        "styleLibraryName": "svelte-ui-theme", 
        "typoCss": true
      }
    ]]
  ]
}

Use

import { Button } from 'svelte-ui-button'