minimal-kit v0.1.0

Minima UI

Run the following command: npm install simple-component-library

Buttons

Simple example

import {Button} from 'minima-ui'
...
<Button>This is button</Button>
...

Themes, styles and sizes

import {Button} from 'minima-ui'
...
<Button theme="black" style="solid" size="medium">This is black medium solid button</Button>
<Button theme="black" style="stroke" size="small">This is black small stroke button</Button>
<Button theme="white" style="solid" size="large">This is white large solid button</Button>
<Button theme="white" style="stroke" size="medium">This is black medium solid button</Button>
...

There are three parameters for Button

theme -> It has two value black and white style -> It has two values solid and stroke size -> It has three value small, medium and large

Navbars

Example

import {Navbar} from 'minima-ui';

...
<Navbar theme="black" position="center">
    divs
</Navbar>
...

There are two parameters for Navbar

theme -> It has two value black and white position -> It has six values: center -> to make justify-content:center left -> to make justify-content:flex-start right -> to make justify-content:flex-end between -> to make justify-content:space-between around -> to make justify-content:space-around evenly -> to make justify-content:space-evenly