React components built on top of Ant Design, providing enhanced and customized UI components.

Installation

npm install @mdigital_ui/uikit
# or
yarn add @mdigital_ui/uikit

Peer Dependencies

This package requires the following peer dependencies:

npm install react react-dom antd antd-mobile

Basic Usage

import { AntProvider } from '@mdigital_ui/uikit';

function App() {
  return (
    <AntProvider>
      <YourApp />
    </AntProvider>
  );
}

Using with Custom Primary Color

import { AntProvider } from '@mdigital_ui/uikit';

function App() {
  return (
    <AntProvider primaryColor="#ff6b6b">
      <YourApp />
    </AntProvider>
  );
}

Theme Hook Usage

import { useTheme, Button } from '@mdigital_ui/uikit';

function ThemeControls() {
  const { mode, getTheme, toggleTheme } = useTheme();

  return (
    <div>
      <p>Current theme: {mode}</p>
      <Button onClick={toggleTheme}>
        Switch to {mode === 'light' ? 'dark' : 'light'} mode
      </Button>
    </div>
  );
}

Available Components

UI Components

• Alert, AutoComplete, Badge, Breadcrumb, Button, Card
• DatePicker, Divider, Drawer, Dropdown, Empty, Flex
• Image, LabelValueList, Menu, Pagination, Paragraph
• Popover, QRCode, RangePicker, Segmented, Skeleton
• Space, Spin, StatusIndicator, Steps, Switch
• Tabs, Tag, Text, TimePicker, Title, Tooltip
• Tour, Tree, Upload

Form Components

• Form, FormItem, FormConstructor
• TextFiled, PasswordFiled, TextArea, SearchFiled
• DateRange, Checkbox, Radio
• And more...

Provider

• AntProvider - Provides Ant Design theme and configuration

Utilities

• Notification utilities
• Theme management
• File upload normalization

TypeScript Support

This package is written in TypeScript and provides full type definitions.

License

MIT