Installation

1. Install SCSS

   Install Components

   npm install --save svelte-preprocess node-sass

   open rollup.config.js

   import preprocess from 'svelte-preprocess'; // Line to add
   /* ... */
   export default {
       /* ... */
       plugins: [
           svelte({
           /* ... */
               preprocess: preprocess(), // Line to add
           })
       }),
       /* ... */
   }

2. Install LabUI

   npm i --save @ztl-uwu/labui

Usage

<script>
    import {
        LButton,
        LBox,
        //...
    } from '@ztl-uwu/labui/main';
</script>

Development

Contributing

Progress

Components

• [ ] Avatar
• [x] Box
• [x] Button
• [ ] Button Group
• [ ] Card
• [ ] Check Box
• [ ] Form
• [x] Input
• [ ] Layout
• [ ] Link
• [x] Mask
• [x] MDContainer
• [ ] Message
• [ ] MessageBar
• [ ] NavBar
• [x] Notification
• [x] NumberPicker
• [x] Progress
• [x] Radio
• [x] Rating
• [ ] Select
• [ ] Separator
• [x] Switch
• [x] Tabs
• [ ] Table
• [x] Tags

Other

• [x] Logo
• [ ] Design Guide / Docs ⚒️Here
• [ ] Themes

Start Demo Server

git clone https://github.com/ZTL-UwU/LabUI
cd LabUI
cp -r ./src/styles/fonts ./public/build/
npm install
npm run dev