Wire

UI

Pre-release documentation for v2. If you are looking for the v1 documentation.

Click here

WireUI Hooks offer a straightforward method for executing actions at specific moments. You can trigger a notification when a Notification component becomes available, or invoke a Livewire action upon WireUI loading. Explore the available hooks below:

1Wireui.hook('load', () => console.log('wireui is ready to use'))
2 
3Wireui.hook('notifications:load', () => {
4 $wireui.notify({
5 title: 'Profile saved!',
6 description: 'Your profile was successfully saved',
7 icon: 'success'
8 })
9})
10 
11Wireui.hook('dialog:load', () => {
12 $wireui.dialog({
13 title: 'Profile saved!',
14 description: 'Your profile was successfully saved',
15 icon: 'success'
16 })
17})
18 
19Or custom dialog hook
20 
21Wireui.hook('dialog:custom:load', () => {})