oink-ui 1.0.1 → 1.0.2
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 +16 -10
- package/dist/oink-ui.cjs +1 -1
- package/dist/oink-ui.css +1 -1
- package/dist/oink-ui.js +2116 -2113
- package/dist/popups/Tooltip.d.ts +7 -1
- package/dist/styles/tooltip.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
<p align="center">
|
|
2
|
-
<
|
|
3
|
-
<
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
<a href="https://oink-ui.hachiwii.com">
|
|
3
|
+
<picture>
|
|
4
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/oinkvm/oink-ui/main/.github/assets/banner-dark.png">
|
|
5
|
+
<img alt="Oink UI — soft, flat, quiet React components" src="https://raw.githubusercontent.com/oinkvm/oink-ui/main/.github/assets/banner-light.png" width="860">
|
|
6
|
+
</picture>
|
|
7
|
+
</a>
|
|
6
8
|
</p>
|
|
7
9
|
|
|
8
10
|
<p align="center">
|
|
@@ -19,14 +21,18 @@ A soft, flat, quiet React component library: large continuous corner radii, flat
|
|
|
19
21
|
|
|
20
22
|
## Examples
|
|
21
23
|
|
|
22
|
-
<
|
|
23
|
-
<
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
<a href="https://oink-ui.hachiwii.com">
|
|
25
|
+
<picture>
|
|
26
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/oinkvm/oink-ui/main/.github/assets/showcase-dark.webp">
|
|
27
|
+
<img alt="The Oink UI component showcase: inputs, a select, checkboxes, a switch, radios, a slider, a product card, buttons, a table, progress, toasts, rating, tabs and an accordion" src="https://raw.githubusercontent.com/oinkvm/oink-ui/main/.github/assets/showcase-light.webp">
|
|
28
|
+
</picture>
|
|
29
|
+
</a>
|
|
30
|
+
|
|
31
|
+
<a href="https://oink-ui.hachiwii.com/components"><img alt="Twelve common components animating in a 4 by 3 grid: Button, Input, Select, Checkbox, Switch, Slider, Tabs, DatePicker, Dialog, Menu, Tooltip and Toast" src="https://raw.githubusercontent.com/oinkvm/oink-ui/main/.github/assets/components.gif"></a>
|
|
26
32
|
|
|
27
|
-
<img alt="
|
|
33
|
+
<a href="https://oink-ui.hachiwii.com/examples/mail"><img alt="The Mail example app with a three-column layout: folders, the inbox list and an open email thread" src="https://raw.githubusercontent.com/oinkvm/oink-ui/main/.github/assets/example-mail.webp"></a>
|
|
28
34
|
|
|
29
|
-
<img alt="The
|
|
35
|
+
<a href="https://oink-ui.hachiwii.com/examples/analytics"><img alt="The Analytics example app in dark mode: date range and comparison controls, four KPI cards, a revenue trend chart and quarterly goals" src="https://raw.githubusercontent.com/oinkvm/oink-ui/main/.github/assets/example-analytics-dark.webp"></a>
|
|
30
36
|
|
|
31
37
|
## Install
|
|
32
38
|
|