@tinybigui/react 0.1.0 → 0.2.0
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 +24 -28
- package/dist/index.cjs +1548 -16
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1561 -3
- package/dist/index.d.ts +1561 -3
- package/dist/index.js +1534 -20
- package/dist/index.js.map +1 -1
- package/dist/styles.css +5 -2
- package/dist/styles.css.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -10,11 +10,11 @@ A modern, accessible React component library implementing Google's Material Desi
|
|
|
10
10
|
|
|
11
11
|
---
|
|
12
12
|
|
|
13
|
-
##
|
|
13
|
+
## ✅ Status
|
|
14
14
|
|
|
15
|
-
>
|
|
15
|
+
> **Released: v0.1.0** (2026-04-15)
|
|
16
16
|
>
|
|
17
|
-
> This package is
|
|
17
|
+
> This package is published to npm. Install it with `npm install @tinybigui/react`.
|
|
18
18
|
>
|
|
19
19
|
> Follow our [GitHub repository](https://github.com/buildinclicks/tinybigui) for updates!
|
|
20
20
|
|
|
@@ -37,8 +37,6 @@ A modern, accessible React component library implementing Google's Material Desi
|
|
|
37
37
|
|
|
38
38
|
## 📦 Installation
|
|
39
39
|
|
|
40
|
-
> **Coming Soon!** This package will be available once we reach Phase 1b.
|
|
41
|
-
|
|
42
40
|
```bash
|
|
43
41
|
npm install @tinybigui/react
|
|
44
42
|
# or
|
|
@@ -74,18 +72,16 @@ import "@tinybigui/react/styles.css";
|
|
|
74
72
|
### 2. Use Components
|
|
75
73
|
|
|
76
74
|
```tsx
|
|
77
|
-
import { Button, TextField,
|
|
75
|
+
import { Button, TextField, Checkbox } from "@tinybigui/react";
|
|
78
76
|
|
|
79
77
|
function App() {
|
|
80
78
|
return (
|
|
81
79
|
<div>
|
|
82
|
-
<
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
</Button>
|
|
88
|
-
</Card>
|
|
80
|
+
<TextField label="Email" type="email" />
|
|
81
|
+
<Checkbox label="Accept terms" />
|
|
82
|
+
<Button variant="filled" color="primary">
|
|
83
|
+
Sign Up
|
|
84
|
+
</Button>
|
|
89
85
|
</div>
|
|
90
86
|
);
|
|
91
87
|
}
|
|
@@ -106,23 +102,23 @@ Override CSS variables to customize the theme:
|
|
|
106
102
|
|
|
107
103
|
## 📚 Components
|
|
108
104
|
|
|
109
|
-
### Phase 1a: Core Buttons
|
|
105
|
+
### Phase 1a: Core Buttons ✅
|
|
110
106
|
|
|
111
|
-
| Component
|
|
112
|
-
|
|
|
113
|
-
| `Button`
|
|
114
|
-
| `IconButton`
|
|
115
|
-
| `
|
|
107
|
+
| Component | Status | Description |
|
|
108
|
+
| ------------ | ------ | ----------------------------- |
|
|
109
|
+
| `Button` | ✅ | Standard button with variants |
|
|
110
|
+
| `IconButton` | ✅ | Button with icon only |
|
|
111
|
+
| `FAB` | ✅ | FAB for primary actions |
|
|
116
112
|
|
|
117
|
-
### Phase 1b: Form Components
|
|
113
|
+
### Phase 1b: Form Components ✅
|
|
118
114
|
|
|
119
|
-
| Component
|
|
120
|
-
|
|
|
121
|
-
| `TextField`
|
|
122
|
-
| `
|
|
123
|
-
| `
|
|
124
|
-
| `
|
|
125
|
-
| `Switch`
|
|
115
|
+
| Component | Status | Description |
|
|
116
|
+
| ------------ | ------ | --------------------- |
|
|
117
|
+
| `TextField` | ✅ | Text input with label |
|
|
118
|
+
| `Checkbox` | ✅ | Checkbox input |
|
|
119
|
+
| `Radio` | ✅ | Radio button input |
|
|
120
|
+
| `RadioGroup` | ✅ | Radio group container |
|
|
121
|
+
| `Switch` | ✅ | Toggle switch |
|
|
126
122
|
|
|
127
123
|
### Phase 2: Layout & Navigation (Planned)
|
|
128
124
|
|
|
@@ -332,7 +328,7 @@ Components work seamlessly with Tailwind utilities:
|
|
|
332
328
|
|
|
333
329
|
- **GitHub Repository**: [github.com/buildinclicks/tinybigui](https://github.com/buildinclicks/tinybigui)
|
|
334
330
|
- **Documentation Site**: Coming soon at [tinybigui.dev](https://tinybigui.dev)
|
|
335
|
-
- **Storybook**:
|
|
331
|
+
- **Storybook**: Storybook 10 is set up in `packages/react/.storybook/` — run `pnpm storybook` to explore components locally
|
|
336
332
|
- **API Reference**: Coming soon
|
|
337
333
|
|
|
338
334
|
---
|