svelte-flat

Svelte Flat

A Svelte Flat UI Toolkit for Web.

Installation

npm i svelte-flat --save

Fully import

import Flat from 'svelte-flat'
import 'svelte-flat/lib/theme-default/index.css'

Single import

import { Button } from 'svelte-flat'
import 'svelte-flat/lib/theme-default/button.css'

On demand

Install babel-plugin-svelteflat

npm i babel-plugin-svelteflat -D

Config files

edit .babelrc.

{
  "plugins": [
    ["svelteflat", [
      {
        "libraryName": "svelte-flat",
        "styleLibraryName": "theme-default"
      }
    ]]
  ]
}

Then, if you need Button, you can import it without style,

import { Button } from 'svelte-flat'

Forked version

Here is a forked version which named svelte-flat-ui.