https://github.com/eliot-akira/innerface

Generic UI atoms and components
https://github.com/eliot-akira/innerface

Last synced: about 1 month ago
JSON representation

Generic UI atoms and components

• Host: GitHub
• URL: https://github.com/eliot-akira/innerface
• Owner: eliot-akira
• Created: 2020-02-09T21:57:51.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-05-31T14:27:59.000Z (over 4 years ago)
• Last Synced: 2024-08-09T10:32:06.965Z (3 months ago)
• Language: CSS
• Size: 1.61 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# 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

```sh

yarn add innerface

```

## Use

Styles

```scss

// Define variables

$prefix: "i-"; // Leave empty for global

$base-font-size: 14px;

@import "innerface/base";

// Import components

@import "innerface/components/slider";

```

Scripts

```ts

import innerface from 'innerface'

import slider from 'innerface/slider'

innerface.use(slider)

```

## Develop this library

Install dependencies

```sh

yarn

```

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

```sh

yarn dev

```

Build

```sh

yarn build

```

Publish to NPM

```sh

npm run release

```