Getting started

Info 🇺🇦

Koval (koválʹ) is a smith in Ukrainian language. See vocabulary definition.

Install Koval UI

npm

npm i koval-ui

Yarn

yarn add koval-ui

pnpm

pnpm add koval-ui

Bun

bun add koval-ui

Set up Provider and theme

Wrap your application code with a Provider component at the highest possible level. Include Koval UI CSS in your bundle. There are three themes available at the moment: themePodil, themeDnipro and themeDovzhenko

Import Koval CSS file to your bundle.

import type {FC} from 'react';
import {Provider, themePodil} from 'koval-ui';
import 'koval-ui/dist/index.css';

const App: FC = () => {
  return <Provider theme={themePodil}>{/*App contents*/}</Provider>;
};