@framework-m/ui 0.2.2 → 0.2.3
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 +37 -0
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# @framework-m/ui
|
|
2
|
+
|
|
3
|
+
Design system primitives for Framework M — presentational components with no business logic.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @framework-m/ui
|
|
9
|
+
|
|
10
|
+
# With pnpm
|
|
11
|
+
pnpm add @framework-m/ui
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
## Features
|
|
15
|
+
|
|
16
|
+
- **Tamagui Based**: Built on top of `tamagui/core` for high-performance styling.
|
|
17
|
+
- **Themeable**: Full support for light/dark modes and custom color systems.
|
|
18
|
+
- **Type-Safe**: 100% TypeScript with strict property checking.
|
|
19
|
+
- **Headless Core**: Clean separation from business logic and data providers.
|
|
20
|
+
|
|
21
|
+
## Usage
|
|
22
|
+
|
|
23
|
+
```tsx
|
|
24
|
+
import { Button, YStack } from "@framework-m/ui";
|
|
25
|
+
|
|
26
|
+
function MyComponent() {
|
|
27
|
+
return (
|
|
28
|
+
<YStack gap="$4">
|
|
29
|
+
<Button theme="blue">Click Me</Button>
|
|
30
|
+
</YStack>
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## License
|
|
36
|
+
|
|
37
|
+
Apache-2.0
|