@antv/component

✨ Features

- Rich - Contains 20+ Visualization components, for AntV G2, G6, L7.
- Powerful - Each component has powerful abilities and flexible scalability.
- Well Design - Continuous optimization and iteration.
- Powerful Renderer - Based on the powerful renderer G, we can render the components using Canvas, SVG or WebGL with same code.

📦 Installation

``bash
$ npm install @antv/component
`

`bash
$ yarn add @antv/component
`

🔨 Getting Started

`ts
import { Canvas } from '@antv/g';
import { Renderer } from '@antv/g-canvas';
import { Button } from '@antv/component';

// 1. New a canvas.
const canvas = new Canvas({
container: 'container',
width: 600,
height: 600,
renderer: new Renderer(),
});

// 2. Create a button with configure.
const button = new Button({
/ ... /
});

// 3. Append into G canvas.
canvas.appendChild(button);

// 4. Render.
canvas.render();
`

📎 Documents

- API
- UI components
- Axis
- Legend
- Tooltip
- Slider
- Scrollbar
- Button
- Checkbox
- Navigator
- Breadcrumb
- Sparkline

📮 Contribution

`bash
$ git clone git@github.com:antvis/component.git

$ cd component

$ npm install

$ npm run dev
``

Then send a pull request on GitHub.

📄 License

MIT@AntV.