1. 首页
  2. Laravel

Laravel主要的heriodons版本包括Vue/React组件和Figma文件

Heroicons是Tailwind CSS制造商手工制作的漂亮SVG图标。随着v1.0版本的发布,该项目迎来了一个重要的里程碑,它带来了一些令人兴奋的特性,这些特性将\”使使用heriorons获得更好的体验:
– 超过450个图标(实心和轮廓)
– React和Vue包
– Figma源文件
最简单的入门方法是复制图标的SVG代码来自英雄网站。除了直接使用SVG外,Tailwind现在还附带了用于Vue和React的NPM包。
下面是一个在Vue中使用英雄图标的示例:
1 2> 4… 5 6 7 8 9import { BeakerIcon } from\”@heroicons/vue/solid\”1011exportdefault {12components: { BeakerIcon }13}14
,下面是使用React的相同示例:
1import { BeakerIcon } from\”@heroicons/react/outline\” 2 3functionMyComponent() { 4return ( 5> 7… 8 9)10}
最后,Tailwind发布了一个社区Figma文件,如果你想在下一个Figma项目中加入英雄人物的话。了解更多信息
英雄主义网站网站有一个可搜索的界面,可以快速浏览所有可用的图标并复制SVG代码。您还可以在GitHub上查看源代码。请务必查看官方的CSS博客,了解更多关于V1版本和获得最新的Tailwind更新!

Laravel主要的heriodons版本包括Vue/React组件和Figma文件 为WP2原创文章,链接:https://www.wp2.cn/laravel/laravel%e4%b8%bb%e8%a6%81%e7%9a%84heriodons%e7%89%88%e6%9c%ac%e5%8c%85%e6%8b%acvue-react%e7%bb%84%e4%bb%b6%e5%92%8cfigma%e6%96%87%e4%bb%b6/