Wire Link Column (beta)

WireLink columns provide a way to display Wired Links in your table without having to use format() or partial views, with or without a Confirmation Message

WireLinkColumn requires title, and an "action", which must be a valid LiveWire method in the current class, or a global method

Without a Confirmation Message

1WireLinkColumn::make("Delete Item")
2    ->title(fn($row) => 'Delete Item')
3    ->action(fn($row) => 'delete("'.$row->id.'")'),

You may also pass a string to "confirmMessage", which will utilise LiveWire 3's "wire:confirm" approach to display a confirmation modal.

1WireLinkColumn::make("Delete Item")
2    ->title(fn($row) => 'Delete Item')
3    ->confirmMessage('Are you sure you want to delete this item?')
4    ->action(fn($row) => 'delete("'.$row->id.'")')
5    ->attributes(fn($row) => [
6        'class' => 'btn btn-danger',
7    ]),

And you may also pass an array of attributes, which will be applied to the "button" element used within the Column

1WireLinkColumn::make("Delete Item")
2    ->title(fn($row) => 'Delete Item')
3    ->action(fn($row) => 'delete("'.$row->id.'")')
4    ->attributes(fn($row) => [
5        'class' => 'btn btn-danger',
6    ]),

#Icons

You may display an icon alongside the title. The icon string is used as a CSS class, so it works with any icon font (FontAwesome, Bootstrap Icons, etc.)

1WireLinkColumn::make("Delete Item")
2    ->title(fn($row) => 'Delete Item')
3    ->action(fn($row) => 'delete("'.$row->id.'")')
4    ->setIcon('fas fa-trash'),

The icon appears to the right of the title by default. Use setIconLeft() / setIconRight() to change the side, and setIconAttributes() to customise the <i> element:

1WireLinkColumn::make("Delete Item")
2    ->title(fn($row) => 'Delete Item')
3    ->action(fn($row) => 'delete("'.$row->id.'")')
4    ->setIcon('fas fa-trash')
5    ->setIconLeft()
6    ->setIconAttributes(['class' => 'text-red-500']),

Please also see the following for other available methods:

• Available Methods
• Column Selection
• Secondary Header
• Footer