0.0.2 • Published 5 years ago
flatinum v0.0.2
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 :
- Ripple (inspired by Google's Material design)
- Etc...