marshmallow / nova-fontawesome
Font Awesome 6 字体字段,适用于 Laravel Nova 4
v2.0.6
2022-09-19 16:56 UTC
Requires
- php: ^8.0|^8.1
- laravel/nova: ^4.0
- outl1ne/nova-translations-loader: ^5.0
README
Laravel Nova 4 字段,用于 Font Awesome 6 图标
安装
您可以使用 composer 在使用 Nova 的 Laravel 应用中安装此包
composer require marshmallow/nova-fontawesome
然后,将 FontAwesome v6 CSS 资产复制到 Laravel 公共路径,该插件将尝试访问该路径
- FontAwesome 图标定义:http(s)://{fqdn}/css/all.min.css
/public/css/fontawesome.css
用法
将以下内容添加到 app/Nova 资源中。
use Marshmallow\NovaFontAwesome\NovaFontAwesome; NovaFontAwesome::make('Icon')
将 fontawesome.css 添加到 public/css 中
您可以像这样覆盖字段按钮的文本
NovaFontAwesome::make('Icon')->addButtonText('Click Me!')
您可以为未设置图标时设置默认图标,如下所示。第一个参数是类型,例如 far、fas、fab,第二个是图标名称(不带 fa-)
NovaFontAwesome::make('Icon')->defaultIcon('far', 'check-circle')
如果您想持久化默认图标(当它们点击清除时,它会恢复默认值,因此不能为空),则添加以下内容
NovaFontAwesome::make('Icon')->addButtonText('Click Me!')->defaultIcon('far', 'check-circle')->persistDefaultIcon()
您可以限制用户可以选择的图标,如下所示
NovaFontAwesome::make('Icon')->only([ 'facebook', 'twitch', 'twitter', ])
您可以通过以下方式使用 Font Awesome Pro(请记住获取您的许可证密钥!)
NovaFontAwesome::make('Icon')->pro()
开发
FONTAWESOME_NPM_AUTH_TOKEN=YOUR_TOKEN npm install
免费
- @fortawesome/fontawesome-free@next
- @fortawesome/fontawesome-svg-core@next
- @fortawesome/free-solid-svg-icons@next
- @fortawesome/free-brands-svg-icons
- @fortawesome/free-regular-svg-icons@next
专业版
- @fortawesome/fontawesome-pro@next
- @fortawesome/pro-solid-svg-icons@next
- @fortawesome/pro-regular-svg-icons@next
- @fortawesome/pro-light-svg-icons@next
- @fortawesome/pro-thin-svg-icons@next
- @fortawesome/pro-duotone-svg-icons@next
致谢
基于 mdixon18 的 Fontawesome 包及 duckzland 的 PR。请参阅 https://github.com/mdixon18/fontawesome
许可
MIT 许可证(MIT)。有关更多信息,请参阅 许可文件。