Skip to content

React components collection with minimalistic design. Supports theming, layout and input validation.

License

Notifications You must be signed in to change notification settings

morewings/koval-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Deploy Storybook Post-merge tasks types included npm version npm bundle size Maintainability Test Coverage

Koval components library

NPM library Create React App template logo

Koval UI is a React component library built for modern browsers. Each component tries to utilize built-in browser APIs to full extent.

Features

  • Supports Typescript, bundled types.
  • ESM and commonjs bundles.
  • Compatible with Nextjs.
  • CSS Flex column-based layout.
  • Inputs compatible with react-hook-form and similar libraries.
  • Built-in form validation.
  • Typography components.

Read Koval docs

See Koval Storybook.

Quickstart

Install library with the package manager of your choice

npm i koval-ui

Include Koval css styles and wrap your application with Provider.

import {Provider} from 'koval-ui';
import 'koval-ui/dist/style.css'

const App = ({children}) => {
    //...
    return <Provider>{children}</Provider>
}

Acknowledgments

JetBrains Logo (Main) logo.

This project is developed using amazing Webstorm IDE provided by Jetbrains.