Quickstart

Install Koval UI

npm i koval-ui

Set up Provider and theme

Wrap your application code with Koval Provider component at the highest possible level. Include Koval CSS to your bundle.

App.tsx

import type {FC} from 'react';
import {Provider, themePodil, themeDnipro} from 'koval-ui';
import 'koval-ui/dist/style.css';
 
const App: FC = () => {
    /**
     *  There are two themes available at the moment: themePodil, themeDnipro.
     *  themePodil is chosen by default
     */
    return <Provider theme={themePodil}>{/*App contents*/}</Provider>;
};

Introduction Theme