Update new functions
This commit is contained in:
@@ -48,7 +48,7 @@ Button({ class: "btn-primary btn-lg btn-circle gap-4"}, "Click Me");
|
||||
const BasicDemo = () => {
|
||||
return Button({ class: "btn-primary" }, "Click Me");
|
||||
};
|
||||
$mount(BasicDemo, "#demo-basic");
|
||||
Mount(BasicDemo, "#demo-basic");
|
||||
```
|
||||
|
||||
### With Loading State
|
||||
@@ -72,7 +72,7 @@ const LoadingDemo = () => {
|
||||
"Save Changes",
|
||||
);
|
||||
};
|
||||
$mount(LoadingDemo, "#demo-loading");
|
||||
Mount(LoadingDemo, "#demo-loading");
|
||||
```
|
||||
|
||||
### With Icon
|
||||
@@ -89,7 +89,7 @@ const IconDemo = () => {
|
||||
"Favorite",
|
||||
);
|
||||
};
|
||||
$mount(IconDemo, "#demo-icon");
|
||||
Mount(IconDemo, "#demo-icon");
|
||||
```
|
||||
|
||||
### With Badge (using Indicator)
|
||||
@@ -103,7 +103,7 @@ const BadgeDemo = () => {
|
||||
Button({ class: "btn-outline" }, "Notifications"),
|
||||
);
|
||||
};
|
||||
$mount(BadgeDemo, "#demo-badge");
|
||||
Mount(BadgeDemo, "#demo-badge");
|
||||
```
|
||||
|
||||
### With Tooltip
|
||||
@@ -114,7 +114,7 @@ $mount(BadgeDemo, "#demo-badge");
|
||||
const TooltipDemo = () => {
|
||||
return Tooltip({ tip: "Delete item" }, Button({ class: "btn-ghost" }, "Delete"));
|
||||
};
|
||||
$mount(TooltipDemo, "#demo-tooltip");
|
||||
Mount(TooltipDemo, "#demo-tooltip");
|
||||
```
|
||||
|
||||
### Combined (Badge + Tooltip)
|
||||
@@ -139,7 +139,7 @@ const CombinedDemo = () => {
|
||||
),
|
||||
);
|
||||
};
|
||||
$mount(CombinedDemo, "#demo-combined");
|
||||
Mount(CombinedDemo, "#demo-combined");
|
||||
```
|
||||
|
||||
### All Color Variants
|
||||
@@ -156,5 +156,5 @@ const VariantsDemo = () => {
|
||||
Button({ class: "btn-outline" }, "Outline"),
|
||||
]);
|
||||
};
|
||||
$mount(VariantsDemo, "#demo-variants");
|
||||
Mount(VariantsDemo, "#demo-variants");
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user