2.3.0 • Published 3 years ago
react-figma-plugin-ds v2.3.0
react-figma-plugin-ds
React components of Figma design system based on thomas-lowry/figma-plugin-ds, and implements UI2: Figma Design System.
🚀 Get Started
Follow these steps to start using React Figma components:
Installation:
# with npm npm i react-figma-plugin-ds # with yarn yarn add react-figma-plugin-ds
Usage:
import React from "react"; import { Disclosure, Tip, Title, Checkbox, Button } from "react-figma-plugin-ds"; import "react-figma-plugin-ds/figma-plugin-ds.css"; export default (props) => { return ( <> <Title size="large" weight="bold"> My plugin </Title> <Disclosure label="Getting started" isDefaultExpanded> <Tip iconName="resolve">Install</Tip> <Tip iconName="play">Start</Tip> <Tip iconName="library">Read the docs</Tip> </Disclosure> <Checkbox label="I promise to star this repo!" /> <Button>Start</Button> </> ); };
Discover all components with properties on demo page. Each of that has playground and as result in top right corner you can easily copy final code.
📝 License
2.3.0
3 years ago
2.2.0
3 years ago
2.1.0
3 years ago
2.0.5
3 years ago
2.0.3
4 years ago
2.0.2
4 years ago
2.0.1
4 years ago
2.0.0-alpha.0
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago
0.6.3
4 years ago
0.6.2
4 years ago
0.5.0
4 years ago
0.4.0
4 years ago
0.6.1
4 years ago
0.6.0
4 years ago
0.3.0
4 years ago
0.3.1
4 years ago
0.1.0
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago