Docs Updated
This commit is contained in:
@@ -29,7 +29,6 @@ Locale('en'); // 'es' or 'en'
|
||||
| **Modal** | Overlay dialog controlled by a Signal | `Modal({ open: $show, title: "Alert" }, "Message")` |
|
||||
| **Badge** | Small status indicator or tag | `Badge({ class: "badge-outline" }, "Beta")` |
|
||||
| **Alert** | Contextual notification | `Alert({ type: "info" }, "Update available")` |
|
||||
| **Loading** | Loading indicators (spinner, dots) | `Loading({ show: $isLoading })` |
|
||||
| **Dropdown** | Contextual overlay menu | `Dropdown({ label: "Menu" }, [Link1, Link2])` |
|
||||
| **Tabs** | Reactive tab-based navigation | `Tabs({ items: ["Home", "Settings"], active: $index })` |
|
||||
| **Stat** | Statistical data block (KPIs) | `Stat({ label: "Sales", value: "$400" })` |
|
||||
@@ -75,7 +74,6 @@ Locale('en'); // 'es' or 'en'
|
||||
| **Alert** | Inline contextual notification | `Alert({ type: "success" }, "Changes saved!")` |
|
||||
| **Modal** | Dialog overlay | `Modal({ open: $isOpen, title: "Confirm" }, "Are you sure?")` |
|
||||
| **Toast** | Floating notification (auto-stacking) | `Toast("Action completed", "alert-info", 3000)` |
|
||||
| **Loading** | Full-screen or inline loading indicator | `Loading({ show: $isLoading })` |
|
||||
| **Tooltip** | Hover tooltip wrapper | `Tooltip({ tip: "Help text" }, Button(...))` |
|
||||
|
||||
---
|
||||
@@ -157,7 +155,6 @@ Input({
|
||||
```javascript
|
||||
const userId = $("123");
|
||||
const userData = $(null);
|
||||
const loading = $(false);
|
||||
|
||||
$watch(userId, async (id) => {
|
||||
loading(true);
|
||||
@@ -166,7 +163,6 @@ $watch(userId, async (id) => {
|
||||
});
|
||||
|
||||
// In template
|
||||
Loading({ show: loading });
|
||||
$if(() => userData(), () => Alert({ type: "success" }, userData()?.name))
|
||||
```
|
||||
|
||||
|
||||
Reference in New Issue
Block a user