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

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 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.