README

此包为 Laravel Filament 管理面板框架提供了一个表单字段，该字段添加了一个复制按钮到 Laravel Filament 的占位符组件。

示例

复制按钮

仅图标

安装

您可以通过 composer 安装此包

composer require axonc/filament-copyable-placeholder

用法

所有功能与此处找到的文档中关于 Placeholder 组件的说明一致。此包特有的功能可在以下部分找到。

复制行为将获取传递给组件的内容的值，并通过 JavaScript 写入剪贴板。注意：这必须支持 window.navigator API。

基本用法

use AxonC\FilamentCopyablePlaceholder\Forms\Components\CopyablePlaceholder;

CopyablePlaceholder::make('response')
    ->content("Placeholder Content")

自定义图标文本

use AxonC\FilamentCopyablePlaceholder\Forms\Components\CopyablePlaceholder;

CopyablePlaceholder::make('response')
    ->content("Placeholder Content")
    ->buttonText("Kopieren")

仅图标模式

use AxonC\FilamentCopyablePlaceholder\Forms\Components\CopyablePlaceholder;

CopyablePlaceholder::make('response')
    ->content("Placeholder Content")
    ->iconOnly()

自定义图标

图标文本

use AxonC\FilamentCopyablePlaceholder\Forms\Components\CopyablePlaceholder;

CopyablePlaceholder::make('response')
    ->content("Placeholder Content")
    ->iconOnly()
    ->icon("heroicons-o-{ICON-NAME}")

图标颜色

use AxonC\FilamentCopyablePlaceholder\Forms\Components\CopyablePlaceholder;

CopyablePlaceholder::make('response')
    ->content("Placeholder Content")
    ->iconOnly()
    ->icon("heroicons-o-{ICON-NAME}")
    ->iconColor("secondary")

覆盖样式

默认情况下，一些合理的 Tailwind 类被应用到占位符内容和按钮上。这会在按钮上应用一些对齐，或者在没有文本的图标模式下确保它在内容的垂直末端。

可以通过在组件上调用 extraAttributes 来覆盖此行为。

use AxonC\FilamentCopyablePlaceholder\Forms\Components\CopyablePlaceholder;

CopyablePlaceholder::make('response')
    ->content("Placeholder Content")
    ->extraAttributes([
        'class' => 'flex border-md-1'
    ])

测试

composer test

更新日志

请参阅更新日志了解最近更改的更多信息。

贡献

请参阅贡献指南了解详情。

安全漏洞

请参阅我们的安全策略了解如何报告安全漏洞。

鸣谢

许可协议

MIT 许可协议 (MIT)。有关更多信息，请参阅许可文件。

axonc / filament-copyable-placeholder

维护者

详细信息