figma-kit 1.0.0-beta.1 → 1.0.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -25
- package/dist/figma-development-theme.css +1 -2
- package/dist/index.cjs +17 -17
- package/dist/index.d.ts +3 -3
- package/dist/index.mjs +2971 -2886
- package/dist/styles.css +37 -27
- package/dist/tailwind.preset.js +287 -0
- package/package.json +8 -3
package/README.md
CHANGED
|
@@ -1,32 +1,27 @@
|
|
|
1
1
|
<div align="center">
|
|
2
|
-
<
|
|
2
|
+
<a href="https://storybook.figma-kit.dev" target="_blank">
|
|
3
|
+
<picture>
|
|
4
|
+
<source media="(prefers-color-scheme: dark)" srcset="media/github-banner-dark.png">
|
|
5
|
+
<source media="(prefers-color-scheme: light)" srcset="media/github-banner-light.png">
|
|
6
|
+
<img src="media/github-banner-light.png" width="400" height="243" alt="Figma kit logo" />
|
|
7
|
+
</picture>
|
|
8
|
+
</a>
|
|
3
9
|
<h3>A set of React components for building Figma plugins.</h3>
|
|
4
10
|
</div>
|
|
5
11
|
|
|
6
|
-
|
|
12
|
+
> [!NOTE]
|
|
13
|
+
> Figma Kit is currently in beta. There may be breaking changes before the final release.
|
|
7
14
|
|
|
8
|
-
|
|
9
|
-
The library attempts to replicate Figma's user interface look & feel with near-100% feature parity,
|
|
10
|
-
to get the UI engineering out of the way of building great plugins.
|
|
15
|
+
### Overview
|
|
11
16
|
|
|
12
|
-
|
|
17
|
+
Figma Kit is an extensive set of React components that attempts to replicate Figma's user interface look & feel with near-100% feature parity.
|
|
13
18
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
- [x] Switch
|
|
24
|
-
- [x] Slider
|
|
25
|
-
- [x] Dialog
|
|
26
|
-
- [x] AlertDialog
|
|
27
|
-
- [x] Popover
|
|
28
|
-
- [x] Text
|
|
29
|
-
- [x] Tabs
|
|
30
|
-
- [x] Checkbox & Radio
|
|
31
|
-
- [x] Segmented control
|
|
32
|
-
- [x] Collapsible
|
|
19
|
+
#### Features
|
|
20
|
+
|
|
21
|
+
* UI3 Ready
|
|
22
|
+
* Automatic dark mode
|
|
23
|
+
* First-class Tailwind support with a preset
|
|
24
|
+
|
|
25
|
+
### Documentation
|
|
26
|
+
|
|
27
|
+
The documentation for the library is on its way. Meanwhile, feel free to check out the [Storybook](https://storybook.figma-kit.dev) for basic guides, information about available components and functionality.
|