WeDAT ui-kit contains React UI component libraries for shipping new features faster.

Installation

WeDAT ui-kit is available as an npm package.

npm:

npm install @wedat/ui-kit

yarn:

yarn add @wedat/ui-kit

Getting started

Here is an example of a basic app using WeDAT UI's Button component:

We have two themes:

theme.getDark();
theme.getLight();

import * as React from 'react';
import { ThemeProvider, theme, Button } from '@wedat/ui-kit';

function App() {
    return (
        <ThemeProvider theme={theme.getLight()}>
            <Button>Hello World</Button>
        </ThemeProvider>
    );
}

methods

  theme:
    getDark(locale?: string): DefaultTheme
    getLight(locale?: string): DefaultTheme

types

locale: Locale;

type Locale =
    | 'cs-CZ' // Czech (Czech Republic)
    | 'de-AT' // German (Austria)
    | 'de-CH' // German (Switzerland)
    | 'de-DE' // German (Germany)
    | 'el-GR' // Greek (Greece)
    | 'en-US' // English (USA)
    | 'es-ES' // Spanish (Spain)
    | 'fr-FR' // French (France)
    | 'it-IT' // Italian (Italy)
    | 'ko-KR' // Korean (South Korea)
    | 'nl-NL' // Dutch (Netherlands)
    | 'pl-PL' // Polish (Poland)
    | 'ru-RU' // Russian (Russia)
    | 'ro-RO' // Romanian (Romania)
    | 'zh-CN'; // Chinese (China)