README

扩展 larave/jetstream 按钮以简化与 livewire/livewire 的使用。

变体

Jetstream 的所有三个基本按钮都可用

主要
次要
危险

参数

包装器

包含 SVG 的按钮通常与包含文本的按钮对齐不齐。为了解决这个问题，您可以使用包装器组件来确保一致性。

<x-buttons-wrapper>
    // buttons here
</x-buttons-wrapper>

示例

在下面的示例中，我有三个按钮用于与模型交互：保存、取消和删除。当点击任一按钮时，它们都会被禁用。当每个按钮被点击时，它将显示一个加载图标。

<x-buttons-wrapper>
    <x-buttons-primary click="save" disable-target="cancel, delete" />
    <x-buttons-secondary click="cancel" disable-target="save, delete">Cancel</x-buttons.custom>
    <x-buttons-danger click="delete" disable-target="cancel, save" copy="delete" />
</x-buttons-wrapper>

样式

每个按钮组件都是 Jetstream 按钮组件的扩展。请参阅 jetstream 关于定制的文档。

联系方式

Jordan Beattie
jordan@jordanbeattie.com
www.jordanbeattie.com

jordanbeattie / jetstream-buttons

维护者

详细信息

README

变体

参数

包装器

示例

样式

联系方式