0.0.2 • Published 5 years ago

flatinum v0.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
5 years ago

Flatinum

A UI library for Svelte.

Features

  • Pre-designed UI Components
  • User Customization variables (Using SCSS)

Install

You can install the packages by using your package manager.
Currently in development. You will be able to install it when flatinum is published to NPM.

NPM

npm install flatinum --save-dev

Yarn

yarn add flatinum --dev

Usage

Flatinum uses SASS (CSS Preprocessor). You must install node-sass and PostCSS referenced package like rollup-plugin-postcss.
after packages installed, create flatinum.scss into src/theme folder and type below to your rollup config.

import postcss from "rollup-plugin-postcss";

//...
plugins: [
    svelte({
      //Your Svelte config
    }),

    postcss({
      use: [["sass", {
        includePaths: ["node_modules/flatinum", "src/theme"]
      }]]
    })
  ],

Here's a example code.

<div>
  <FlButton shape="flat">Flatinum!</FlButton>
</div>

<script>
  import { Button as FlButton } from "flatinum";
</script>

Roadmap

Components :

  • Breadcrumb
  • Button
  • Carousel
  • Dropdown
  • Input
  • Modal
  • Pagination
  • Progress
  • Radio
  • Slider
  • Tab
  • Toast
  • Tooltip
  • Etc...

Effects :

0.0.2

5 years ago

0.0.1

5 years ago