Minimalist CSS to start projects with speed.


Keywords
css
License
ISC
Install
npm install tuna-ui@2.0.6

Documentation

tuna-ui

Minimalist CSS to start projects with speed.


Installation

npm install tuna-ui
yarn add tuna-ui

Usage

import 'tuna-ui/dist/tuna-ui.min.css';

function App() {
  return (
    <main>
      <nav className="nav"></nav>
      <div className="container"></div>
    </main>
  );
}

export default App;

Components

Container

<body class="container"></body>

Navbar

<nav class="nav"></nav>

Button

<button class="btn">Button</button>
<button class="btn btn--transparent">Button</button>

Input

<div class="input-group">
    <label>Label</label>
    <input />
</div>

Select

<div class="input-group">
    <label>Label</label>
    <select>
      <option>Option One</option>
      <option>Option Two</option>
    </select>
</div>

Link

<a class="link" href="#">Link</a>

This repo is mantained by Leonardo Tuna.