This project is currently in beta and APIs are subject to change.
antd-sketchapp
What is it?
react-sketchapp is an awesome solution which can render React components to Sketch, and antd-sketchapp is an React-sketchapp-based implementation of ant-design.
Install
npm install antd-sketchapp --saveUsage
import React from 'react';
import { Button } from 'antd-sketchapp';
const Demo = () => (
<Button type="dashed" text="disabled-dashed-ghost" disabled ghost />
);
export default Demo;Documentation
Development
$ git clone [email protected]:ant-design/antd-sketchapp.git
$ cd antd-sketchapp
$ npm install
$ npm run watch
$ npm run linkthen open your Sketch and you can find commands in Plugins on Sketch toolbar. more
Component completion list
General
- Button ๆ้ฎ
- Icon ๅพๆ
Layout
- Grid ๆ ๆ ผ
-
Layout ๅธๅฑ
Navigation
-
Affix ๅบ้ - Breadcrumb ้ขๅ ๅฑ
- Dropdown ไธๆ่ๅ
- Menu ๅฏผ่ช่ๅ
- Pagination ๅ้กต
- Steps ๆญฅ้ชคๆก
Data Entry
- AutoComplete ่ชๅจๅฎๆ
- Cascader ็บง่้ๆฉ
- Checkbox ๅค้ๆก
- DatePicker ๆฅๆ้ๆฉๆก
- Form ่กจๅ
- InputNumber ๆฐๅญ่พๅ ฅๆก
- Input ่พๅ ฅๆก
- Mention ๆๅ
- Rate ่ฏๅ
- Radio ๅ้ๆก
- Select ้ๆฉๅจ
- Slider ๆปๅจ่พๅ ฅๆก
- Switch ๅผๅ ณ
- TreeSelect ๆ ้ๆฉ
- TimePicker ๆถ้ด้ๆฉๆก
- Transfer ็ฉฟๆขญๆก
- Upload ไธไผ
Data Display
- Avatar ๅคดๅ
- Badge ๅพฝๆ ๆฐ
- Calendar ๆฅๅ
- Card ๅก็
- Carousel ่ตฐ้ฉฌ็ฏ
- Collapse ๆๅ ้ขๆฟ
- List ๅ่กจ
- Popover ๆฐๆณกๅก็
- Tooltip ๆๅญๆ็คบ
- Table ่กจๆ ผ
- Tabs ๆ ็ญพ้กต
- Tag ๆ ็ญพ
- Timeline ๆถ้ด่ฝด
- Tree ๆ ๅฝขๆงไปถ
Feedback
- Alert ่ญฆๅๆ็คบ
- Modal ๅฏน่ฏๆก
- Message ๅ จๅฑๆ็คบ
- Notification ้็ฅๆ้ๆก
- Progress ่ฟๅบฆๆก
- Popconfirm ๆฐๆณก็กฎ่ฎคๆก
- Spin ๅ ่ฝฝไธญ
Contributing
We welcome all contributions. You can submit any ideas as pull requests or as GitHub issues. If you'd like to improve code, check out the Development Instructions and have a good time! :)