isaacdagel / blade-bootstrap-icons

一个易于将 Bootstrap SVG 图标集成到 Laravel 项目中的包。

维护者

详细信息

github.com/isaacdagel/blade-bootstrap-icons

主页

源代码

问题

安装: 79

依赖项: 0

建议者: 0

安全: 0

星星: 8

关注者: 2

分支: 0

开放问题: 0

语言：Blade

v1.3.0 2020-10-30 15:21 UTC

Requires

MIT 28d2657bead228cc794e77a6122838bcd22062da

  • Isaac Dagel <isaac.woop@isaacdagel.com>

isaacdagelblade-bootstrap-icons

This package is auto-updated.

Last update: 2024-09-29 05:22:24 UTC

README

Version Total Downloads Required Laravel Version License

一个易于将 Bootstrap SVG 图标集成到 Laravel 项目中的包。

需求

本包旨在与 Laravel 7.0 或更高版本一起使用。

安装

此包可以通过 Composer 安装。

composer require isaacdagel/blade-bootstrap-icons

用法

有关所有可用图标及其名称的列表，请参阅此页面。

通过调用适当的组件，您可以将图标插入到 blade 模板中的任何位置。组件名称格式为 'x-boostrap-icon-[hyphenated icon name]'。例如

<x-bootstrap-icon-chevron-left/>

您可以在默认的 'bi' 和 'bi-[hyphenated icon name]' 类之上指定自定义类

<x-bootstrap-icon-chevron-left class="custom-class"/>

您可以添加内联样式

<x-bootstrap-icon-chevron-left style="color: red"/>

您可以指定高度和宽度（两者的默认值均为 1em）

<x-bootstrap-icon-chevron-left width="1.5em" height="1.5em"/>

您可以设置 viewBox 属性（默认为 '0 0 16 16'）

<x-bootstrap-icon-chevron-left viewBox="0 0 20 20"/>

您还可以设置 fill 属性（默认为 'currentColor'）

<x-bootstrap-icon-chevron-left fill="green"/>

变更日志

有关最近更改的更多信息，请参阅CHANGELOG。

鸣谢

Bootstrap Icons 由 Bootstrap 团队创建和维护。

许可

此包在 MIT 许可证下发布。有关更多信息，请参阅许可证文件。