Update new functions
This commit is contained in:
@@ -44,7 +44,7 @@ const BasicDemo = () => {
|
||||
}, 'Error Toast')
|
||||
]);
|
||||
};
|
||||
$mount(BasicDemo, '#demo-basic');
|
||||
Mount(BasicDemo, '#demo-basic');
|
||||
```
|
||||
|
||||
### Different Durations
|
||||
@@ -77,7 +77,7 @@ const DurationDemo = () => {
|
||||
}, '8 Seconds')
|
||||
]);
|
||||
};
|
||||
$mount(DurationDemo, '#demo-duration');
|
||||
Mount(DurationDemo, '#demo-duration');
|
||||
```
|
||||
|
||||
### Interactive Toast
|
||||
@@ -115,7 +115,7 @@ const InteractiveDemo = () => {
|
||||
Div({ class: 'text-sm opacity-70' }, () => `Toasts shown: ${count()}`)
|
||||
]);
|
||||
};
|
||||
$mount(InteractiveDemo, '#demo-interactive');
|
||||
Mount(InteractiveDemo, '#demo-interactive');
|
||||
```
|
||||
|
||||
### Form Validation Toast
|
||||
@@ -174,7 +174,7 @@ const FormToastDemo = () => {
|
||||
}, 'Login')
|
||||
]);
|
||||
};
|
||||
$mount(FormToastDemo, '#demo-form');
|
||||
Mount(FormToastDemo, '#demo-form');
|
||||
```
|
||||
|
||||
### Success Feedback
|
||||
@@ -227,7 +227,7 @@ const FeedbackDemo = () => {
|
||||
))
|
||||
]);
|
||||
};
|
||||
$mount(FeedbackDemo, '#demo-feedback');
|
||||
Mount(FeedbackDemo, '#demo-feedback');
|
||||
```
|
||||
|
||||
### Error Handling
|
||||
@@ -274,7 +274,7 @@ const ErrorDemo = () => {
|
||||
}, 'Timeout')
|
||||
]);
|
||||
};
|
||||
$mount(ErrorDemo, '#demo-error');
|
||||
Mount(ErrorDemo, '#demo-error');
|
||||
```
|
||||
|
||||
### Custom Messages
|
||||
@@ -311,7 +311,7 @@ const CustomDemo = () => {
|
||||
}, 'Security Alert')
|
||||
]);
|
||||
};
|
||||
$mount(CustomDemo, '#demo-custom');
|
||||
Mount(CustomDemo, '#demo-custom');
|
||||
```
|
||||
|
||||
### Multiple Toasts
|
||||
@@ -339,7 +339,7 @@ const MultipleDemo = () => {
|
||||
}, 'Show Multiple Toasts')
|
||||
]);
|
||||
};
|
||||
$mount(MultipleDemo, '#demo-multiple');
|
||||
Mount(MultipleDemo, '#demo-multiple');
|
||||
```
|
||||
|
||||
<script>
|
||||
@@ -369,7 +369,7 @@ $mount(MultipleDemo, '#demo-multiple');
|
||||
}, 'Error Toast')
|
||||
]);
|
||||
};
|
||||
$mount(BasicDemo, basicTarget);
|
||||
Mount(BasicDemo, basicTarget);
|
||||
}
|
||||
|
||||
// 2. Different Durations
|
||||
@@ -395,7 +395,7 @@ $mount(MultipleDemo, '#demo-multiple');
|
||||
}, '8 Seconds')
|
||||
]);
|
||||
};
|
||||
$mount(DurationDemo, durationTarget);
|
||||
Mount(DurationDemo, durationTarget);
|
||||
}
|
||||
|
||||
// 3. Interactive Toast
|
||||
@@ -426,7 +426,7 @@ $mount(MultipleDemo, '#demo-multiple');
|
||||
Div({ class: 'text-sm opacity-70' }, () => `Toasts shown: ${count()}`)
|
||||
]);
|
||||
};
|
||||
$mount(InteractiveDemo, interactiveTarget);
|
||||
Mount(InteractiveDemo, interactiveTarget);
|
||||
}
|
||||
|
||||
// 4. Form Validation Toast
|
||||
@@ -478,7 +478,7 @@ $mount(MultipleDemo, '#demo-multiple');
|
||||
}, 'Login')
|
||||
]);
|
||||
};
|
||||
$mount(FormToastDemo, formTarget);
|
||||
Mount(FormToastDemo, formTarget);
|
||||
}
|
||||
|
||||
// 5. Success Feedback
|
||||
@@ -524,7 +524,7 @@ $mount(MultipleDemo, '#demo-multiple');
|
||||
))
|
||||
]);
|
||||
};
|
||||
$mount(FeedbackDemo, feedbackTarget);
|
||||
Mount(FeedbackDemo, feedbackTarget);
|
||||
}
|
||||
|
||||
// 6. Error Handling
|
||||
@@ -564,7 +564,7 @@ $mount(MultipleDemo, '#demo-multiple');
|
||||
}, 'Timeout')
|
||||
]);
|
||||
};
|
||||
$mount(ErrorDemo, errorTarget);
|
||||
Mount(ErrorDemo, errorTarget);
|
||||
}
|
||||
|
||||
// 7. Custom Messages
|
||||
@@ -594,7 +594,7 @@ $mount(MultipleDemo, '#demo-multiple');
|
||||
}, 'Security Alert')
|
||||
]);
|
||||
};
|
||||
$mount(CustomDemo, customTarget);
|
||||
Mount(CustomDemo, customTarget);
|
||||
}
|
||||
|
||||
// 8. Multiple Toasts
|
||||
@@ -615,7 +615,7 @@ $mount(MultipleDemo, '#demo-multiple');
|
||||
}, 'Show Multiple Toasts')
|
||||
]);
|
||||
};
|
||||
$mount(MultipleDemo, multipleTarget);
|
||||
Mount(MultipleDemo, multipleTarget);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user