marshmallow/nova-fontawesome

Font Awesome 6 字体字段,适用于 Laravel Nova 4

v2.0.6 2022-09-19 16:56 UTC

This package is auto-updated.

Last update: 2024-09-19 21:00:33 UTC


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)。有关更多信息,请参阅 许可文件