@sekiui/elements 0.0.70 → 0.0.71
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 +34 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -12,6 +12,40 @@ Modern, accessible Web Components library built with Stencil.js, inspired by sha
|
|
|
12
12
|
- 🎭 **Storybook**: Interactive component documentation
|
|
13
13
|
- 🔧 **Tree-shakeable**: Import only what you need
|
|
14
14
|
|
|
15
|
+
## Getting Started
|
|
16
|
+
|
|
17
|
+
The fastest way to set up SekiUI in any project:
|
|
18
|
+
|
|
19
|
+
```bash
|
|
20
|
+
npx sekiui init
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
This interactive wizard will:
|
|
24
|
+
- Auto-detect your framework (React, Vue, Angular, or Vanilla HTML)
|
|
25
|
+
- Let you pick a color theme: **Neutral · Zinc · Slate · Rose · Blue · Violet**
|
|
26
|
+
- Set a border radius style: **None · Default · Rounded · Pill**
|
|
27
|
+
- Inject CSS design tokens into your global stylesheet
|
|
28
|
+
- Wire up `defineCustomElements()` (or `CUSTOM_ELEMENTS_SCHEMA` for Angular)
|
|
29
|
+
- Create a sample component to verify everything works
|
|
30
|
+
|
|
31
|
+
Then get usage snippets for any component:
|
|
32
|
+
|
|
33
|
+
```bash
|
|
34
|
+
npx sekiui add button
|
|
35
|
+
npx sekiui add select
|
|
36
|
+
npx sekiui add tooltip --framework vue
|
|
37
|
+
npx sekiui add badge --output src/snippets/badge.txt
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Each `add` output includes:
|
|
41
|
+
1. The import/loader snippet for your framework
|
|
42
|
+
2. CSS custom properties you can override
|
|
43
|
+
3. A minimal, copy-ready usage example
|
|
44
|
+
|
|
45
|
+
**Available components:** `button` · `input` · `select` · `dialog` · `badge` · `card` · `alert` · `tooltip` · `dropdown-menu` · `tabs`
|
|
46
|
+
|
|
47
|
+
---
|
|
48
|
+
|
|
15
49
|
## Components
|
|
16
50
|
|
|
17
51
|
### Available Components
|