open-index/open-npm huggingface dataset:
npm package: @sensoro-design/charts
Description: Sensoro Design Chart Library.
Latest version: 2.4.0

<div align="center">

<h1>@sensoro-design/charts</h1>

开箱即用，基于 [G2](https://g2.antv.antgroup.com) 的图表库

[![NPM version](https://img.shields.io/npm/v/@sensoro-design/charts.svg?style=flat)](https://npmjs.org/package/@sensoro-design/charts)
[![NPM downloads](http://img.shields.io/npm/dm/@sensoro-design/charts.svg?style=flat)](https://npmjs.org/package/@sensoro-design/charts)

</div>

## LICENSE

MIT
npm package: @sensoro-design/styles
Description: Sensoro Design Styles
Latest version: 1.29.0

# @sensoro-design/styles

## 📦 Install

```bash
npm install @sensoro-design/styles
```

or 
```bash
yarn add @sensoro-design/styles
```

or
```bash
pnpm add @sensoro-design/styles
```

## 🔨 Usage

App.tsx

```tsx
import React from 'react';
import { Button, DatePicker } from 'antd';

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker placeholder="select date" />
  </>
);
```

App.less

```less
@import '~@sensoro-design/styles/dist/styles.min.css';

// when you use style variables
@import '~@sensoro-design/styles/style/themes/default.less';

color: @primary-color;
padding: @padding-sm;
box-shadow: @sen-shadow-01;
```