@borgenfalkskott/fable-ui

Fable UI

Just another ui framework.

Install

npm i @borgenfalkskott/fable-ui

Getting started

Import Fable UI in your sass, and you're good to go.

// style.scss
@import "~@borgenfalkskott/fable-ui";

body {
  background-color: hotpink;
}

Custom values

If you want to override some default variables, just include your own config sass file before Fable UI to override them.

// style.scss
@import "config";
@import "~@borgenfalkskott/fable-ui";

body {
  background-color: hotpink;
}

// _config.scss
$fable-flex-gap: 50px;

Include partials

If you don't want everything in Fable UI, you can include the partials you want.

// style.scss
@import "config";

// required
@import "~@borgenfalkskott/fable-ui/src/sass/vars";

// we only want these partials
@import "~@borgenfalkskott/fable-ui/src/sass/reset";

body {
  background-color: hotpink;
}

JavaScript

Import Fable UI in your JS.
The JS components are WIP.

// app.js
import FableUI from "@borgenfalkskott/fable-ui";

const app = {
  init: () => {
    console.log("Hello world!");

    // init Fable UI
    FableUI.init();
  },
};

app.init();