Updateing Docs
This commit is contained in:
@@ -3,15 +3,14 @@
|
||||
**Version:** daisyUI v5 + Tailwind v4 Plugin
|
||||
**Status:** Active / WIP
|
||||
|
||||
> **Prerequisites:** Tailwind CSS v4+ and DaisyUI v5+ installed.
|
||||
|
||||
## Global Initialization
|
||||
|
||||
```javascript
|
||||
import { UI } from 'sigpro-ui';
|
||||
import "sigpro-ui";
|
||||
|
||||
// Injects all components into window and sets default language
|
||||
UI('en'); // 'es' or 'en'
|
||||
Locale('en'); // 'es' or 'en'
|
||||
|
||||
// All components (Button, Input, Table, Toast, etc.) are now globally available.
|
||||
```
|
||||
@@ -110,12 +109,11 @@ Built-in locale system with Spanish and English support.
|
||||
|
||||
```javascript
|
||||
// Set global UI language
|
||||
Locale("en"); // or "es"
|
||||
Locale("en");
|
||||
|
||||
// Get translated string (returns a reactive signal)
|
||||
const closeText = tt("close"); // "Close" or "Cerrar"
|
||||
|
||||
// Available keys: close, confirm, cancel, search, loading, nodata
|
||||
```
|
||||
|
||||
---
|
||||
@@ -124,7 +122,7 @@ const closeText = tt("close"); // "Close" or "Cerrar"
|
||||
|
||||
1. **Atomic Reactivity**: Components accepting `value` or `checked` bind directly to **SigPro Signals**. Updates happen instantly without full page re-renders.
|
||||
|
||||
2. **Tailwind v4 + DaisyUI v5**: Pass any Tailwind utility class via the `class` attribute to override default DaisyUI styling.
|
||||
2. **DaisyUI v5**: Pass any daisyUI styling via the `class` attribute.
|
||||
|
||||
```javascript
|
||||
Button({ class: "btn-primary btn-sm rounded-full shadow-lg" }, "Click")
|
||||
@@ -145,7 +143,6 @@ const name = $("");
|
||||
const error = $(null);
|
||||
|
||||
Input({
|
||||
label: "Full Name",
|
||||
value: name,
|
||||
error: error,
|
||||
oninput: (e) => {
|
||||
|
||||
Reference in New Issue
Block a user