Vuetify Icon Picker

一个 Vuetify 中的 material design icons 选择器。

Preface

当使用 vuetify 框架实现诸如菜单管理业务时，面对 6000+ 个 Material Design Icons，你是否苦恼于没有一个合适的 icon 选择器?

Vuetify Icon Picker 便是如此的一个组件！

起步

安装

npm i vuetify-icon-picker

使用

在 2.x 版本的普通 vuetify project 中，在通过 html 头部 cdn 链接方式或者 npm i @mdi/font 方式引入了 mdi 之后，你可以这样使用这个组件：

<template><icon-picker v-model="selected" />
</template><script>
import IconPicker from "./components/IconPicker.vue";export default {components: {IconPicker},data: () => ({selected:

Vuetify Icon Picker相关推荐

bootstrap4.0图标使用_很不错的两款Bootstrap Icon图标选择组件
一.Bootstrap icon picker组件这个组件是在github上面搜索的时候找到的,初初看上去,确实是很不错的,并且是基于bootstrap风格的,所以更加适合使用bootstrap风格 ...
很不错的两款Bootstrap Icon图标选择组件
这篇文章主要介绍了不容错过的两款Bootstrap Icon图标选择组件,支持自定义的图标,拿出来分享下,绝对的干货,感兴趣的小伙伴们可以参考一下一.Bootstrap icon picker组件 ...
很不错的两款icon图标选择组件
这篇文章主要介绍了两款好用的图标选择组件,支持自定义的图标,拿出来分享下,绝对的干货,感兴趣的小伙伴们可以参考一下一.Bootstrap icon picker组件这个组件是在github上面搜索 ...
html的小图标组件,JS组件系列之Bootstrap Icon图标选择组件
前言:最近好多朋友在群里面聊到bootstrap icon图标的问题,比如最常见的菜单管理,每个菜单肯定需要一个对应的菜单图标,要是有一个可视化的图标选择组件就好了,最好是直接选择图标,就能得到对应的 ...
js日期控件_11个开源的Github开源日期选择器组件，供你选择
介绍本文主要介绍几个Vue的时间日期选择器组件,目的在于让开发者们多一些选择,不管是从功能还是从样式,都可以选择一个适合的组件,这些组件没有绝对的好与不好,就看个人如何选择了,以下分别介绍十一个日期 ...
tp6后台管理系统搭建
项目介绍一款 PHP 语言基于 ThinkPhp6.x + Layui + MySQL等框架精心打造的一款模块化.插件化.高性能的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本 ...
PHP语言Web开发ThinkPhp6框架搭建
项目介绍一款 PHP 语言基于 ThinkPhp6.x.Layui.MySQL等框架精心打造的一款模块化.插件化.高性能的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本着简化开 ...
后台管理页面通过点击左侧导航栏的菜单项实现右边内容的改变
目录前端页面部分 js代码部分左侧导航栏组菜单项的打开与关闭 url地址跳转地址栏url地址处理 ajax实现右边页面内容变换内容面板上Bootstrap 面包屑导航前端页面部分 <a ...
tp6+layui后台管理系统
项目介绍一款 PHP 语言基于 ThinkPhp6.x.Layui.MySQL等框架精心打造的一款模块化.插件化.高性能的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本着简化开 ...

Vuetify Icon Picker

Preface

起步

安装

使用

Vuetify Icon Picker相关推荐

最新文章

热门文章