Innerface

Innerface is a library of generic UI atoms and components.

It consists of modular SASS styles and vanilla TypeScript, designed to be minimal, themable, and embeddable.

Install

yarn add innerface

Use

Styles

// Define variables

$prefix: "i-"; // Leave empty for global
$base-font-size: 14px;

@import "innerface/base";

// Import components

@import "innerface/components/slider";

Scripts

import innerface from 'innerface'
import slider from 'innerface/slider'

innerface.use(slider)

Develop this library

Install dependencies

yarn

Develop: Watch files; Recompile, type check and test on changes

yarn dev

Build

yarn build

Publish to NPM

npm run release