Update new functions
This commit is contained in:
@@ -35,7 +35,7 @@ const BasicDemo = () => {
|
||||
Loading({ $show: true, class: 'loading-infinity' })
|
||||
]);
|
||||
};
|
||||
$mount(BasicDemo, '#demo-basic');
|
||||
Mount(BasicDemo, '#demo-basic');
|
||||
```
|
||||
|
||||
### Loading Sizes
|
||||
@@ -68,7 +68,7 @@ const SizesDemo = () => {
|
||||
])
|
||||
]);
|
||||
};
|
||||
$mount(SizesDemo, '#demo-sizes');
|
||||
Mount(SizesDemo, '#demo-sizes');
|
||||
```
|
||||
|
||||
### Loading Colors
|
||||
@@ -92,7 +92,7 @@ const ColorsDemo = () => {
|
||||
Loading({ $show: true, class: 'loading-spinner text-error' })
|
||||
]);
|
||||
};
|
||||
$mount(ColorsDemo, '#demo-colors');
|
||||
Mount(ColorsDemo, '#demo-colors');
|
||||
```
|
||||
|
||||
### Button Loading State
|
||||
@@ -124,7 +124,7 @@ const ButtonDemo = () => {
|
||||
Div({ class: 'text-sm opacity-70' }, 'Click the button to see loading state')
|
||||
]);
|
||||
};
|
||||
$mount(ButtonDemo, '#demo-button');
|
||||
Mount(ButtonDemo, '#demo-button');
|
||||
```
|
||||
|
||||
### Async Data Loading
|
||||
@@ -192,7 +192,7 @@ const AsyncDemo = () => {
|
||||
])
|
||||
]);
|
||||
};
|
||||
$mount(AsyncDemo, '#demo-async');
|
||||
Mount(AsyncDemo, '#demo-async');
|
||||
```
|
||||
|
||||
### Full Page Loading
|
||||
@@ -226,7 +226,7 @@ const FullpageDemo = () => {
|
||||
() => isLoading() ? Loading({ $show: true, class: 'loading-spinner loading-lg' }) : null
|
||||
]);
|
||||
};
|
||||
$mount(FullpageDemo, '#demo-fullpage');
|
||||
Mount(FullpageDemo, '#demo-fullpage');
|
||||
```
|
||||
|
||||
### Conditional Loading
|
||||
@@ -279,7 +279,7 @@ const ConditionalDemo = () => {
|
||||
])
|
||||
]);
|
||||
};
|
||||
$mount(ConditionalDemo, '#demo-conditional');
|
||||
Mount(ConditionalDemo, '#demo-conditional');
|
||||
```
|
||||
|
||||
### All Variants
|
||||
@@ -323,7 +323,7 @@ const VariantsDemo = () => {
|
||||
])
|
||||
]);
|
||||
};
|
||||
$mount(VariantsDemo, '#demo-variants');
|
||||
Mount(VariantsDemo, '#demo-variants');
|
||||
```
|
||||
|
||||
<script>
|
||||
@@ -343,7 +343,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
Loading({ $show: true, class: 'loading-infinity' })
|
||||
]);
|
||||
};
|
||||
$mount(BasicDemo, basicTarget);
|
||||
Mount(BasicDemo, basicTarget);
|
||||
}
|
||||
|
||||
// 2. Loading Sizes
|
||||
@@ -369,7 +369,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
])
|
||||
]);
|
||||
};
|
||||
$mount(SizesDemo, sizesTarget);
|
||||
Mount(SizesDemo, sizesTarget);
|
||||
}
|
||||
|
||||
// 3. Loading Colors
|
||||
@@ -386,7 +386,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
Loading({ $show: true, class: 'loading-spinner text-error' })
|
||||
]);
|
||||
};
|
||||
$mount(ColorsDemo, colorsTarget);
|
||||
Mount(ColorsDemo, colorsTarget);
|
||||
}
|
||||
|
||||
// 4. Button Loading State
|
||||
@@ -411,7 +411,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
Div({ class: 'text-sm opacity-70' }, 'Click the button to see loading state')
|
||||
]);
|
||||
};
|
||||
$mount(ButtonDemo, buttonTarget);
|
||||
Mount(ButtonDemo, buttonTarget);
|
||||
}
|
||||
|
||||
// 5. Async Data Loading
|
||||
@@ -472,7 +472,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
])
|
||||
]);
|
||||
};
|
||||
$mount(AsyncDemo, asyncTarget);
|
||||
Mount(AsyncDemo, asyncTarget);
|
||||
}
|
||||
|
||||
// 6. Full Page Loading
|
||||
@@ -499,7 +499,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
() => isLoading() ? Loading({ $show: true, class: 'loading-spinner loading-lg' }) : null
|
||||
]);
|
||||
};
|
||||
$mount(FullpageDemo, fullpageTarget);
|
||||
Mount(FullpageDemo, fullpageTarget);
|
||||
}
|
||||
|
||||
// 7. Conditional Loading
|
||||
@@ -545,7 +545,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
])
|
||||
]);
|
||||
};
|
||||
$mount(ConditionalDemo, conditionalTarget);
|
||||
Mount(ConditionalDemo, conditionalTarget);
|
||||
}
|
||||
|
||||
// 8. All Variants
|
||||
@@ -582,7 +582,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
])
|
||||
]);
|
||||
};
|
||||
$mount(VariantsDemo, variantsTarget);
|
||||
Mount(VariantsDemo, variantsTarget);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user