npm 包 feast-mailru-toolkit 使用教程

feast-mailru-toolkit 是俄罗斯邮件提供商 Mail.Ru 的前端 UI 库。该库提供了大量的组件,包括表单、列表、弹出框等等,还有一些常见的工具函数。本文将介绍如何使用该库。

安装

使用 npm 安装:

--- ------- ------ --------------------

使用

导入

在需要使用的文件中使用 import 导入需要的组件即可。

------ - ------ - ---- -----------------------

引入样式

在 HTML 文件的头部引入样式文件。

----- ---------------- ----------------------------------------

组件列表

这里只列出了部分组件,完整的列表请查看 官方文档

Button

按钮组件。

------ - ------ - ---- -----------------------

------- ----------- -- ------------ --------------- -----------

Input

文本输入框组件。

------ - ----- - ---- -----------------------

------ ------------------ ---- --------------

Select

下拉选择框组件。

------ - ------ - ---- -----------------------

--------
  ------- ----------------------------
  ------- ------------------------------
  ------- ------------------------------
---------

Checkbox

复选框组件。

------ - -------- - ---- -----------------------

--------- ------------- -- -------------------------------- ----------------

Modal

弹窗组件。

------ - ------ ------ - ---- -----------------------

----- ------- - -- ------- -- -- -
  ------ ------------------
    --------- ----------
    -------- -----------
    ------- --------------------------------
  --------
--

-------- --

工具函数

formatMessageWithOptions

用给定的选项格式化一条错误信息。

------ - ------------------------ - ---- -----------------------

----- --- - - ----- ------ ---- -- --
----- ------- - ------- ------- --- --- ----- ----- ------
----- --------- - --------------------------------- -----

----------------------- -- ------ ---- --- --- -- ----- ----

getScrollbarWidth

获取当前浏览器的滚动条宽度。

------ - ----------------- - ---- -----------------------

----- -------------- - --------------------
----------------------------

总结

本文介绍了如何使用 feast-mailru-toolkit 前端 UI 库,并给出了一些常见的组件和工具函数使用示例。该库功能丰富、易用性高,对于前端开发人员来说是一款不错的选择。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60055f2b81e8991b448dcc00


猜你喜欢

  • npm 包 js-slate-markdown-serializer 使用教程

    在前端开发中,使用 Markdown 来描述和编辑文本是非常常见的。而 Slate 是一个 JavaScript 前端框架,用于构建富文本编辑器。js-slate-markdown-serialize...

    2 年前
  • npm 包 ngx-long-press 使用教程

    在前端开发中,我们常常需要用到按钮长按事件的处理。ngx-long-press 是一个非常实用的 npm 包,可以方便处理长按事件的操作,本文将详细介绍如何使用这个包。

    2 年前
  • npm 包 react-native-simple-action-sheet-ios 使用教程

    React Native 是一款JavaScript框架,用于构建iOS和Android原生应用程序。使用 React Native,可以构建像原生应用一样的用户体验,不需要学习Objective-C...

    2 年前
  • npm 包 vuex-plugin-boilerplate 使用教程

    简介 vuex-plugin-boilerplate 是一个为 Vue.js 应用设计的插件模板,内置了一些常用的 vuex 功能,开箱即用,方便快速开发。 以下是使用该插件的具体步骤。

    2 年前
  • npm包fuse-box-graphql-plugin使用教程

    FuseBox GraphQL Plugin是一个用于FuseBox打包工具的插件,它可以帮助开发者更方便地使用GraphQL来获取数据并且打包成可用的代码。 安装 要使用FuseBox GraphQ...

    2 年前
  • npm 包 react-aria-menubutton-taylorcode 使用教程

    简介 npm 包 react-aria-menubutton-taylorcode 是一个 React 组件库,用于快速创建各种依赖于菜单按钮的界面组件。它采用了无障碍标准设计,可确保在各种设备上均可...

    2 年前
  • npm 包 yandex-translate-api-wrapper 使用教程

    前言 在开发前端应用的过程中,经常需要使用到翻译功能。目前,市面上已经有很多翻译 API 供开发者使用,其中最具代表性的是 Google Translate API。

    2 年前
  • npm 包 loopback-connector-elastic 使用教程

    npm 包 loopback-connector-elastic 使用教程 一、简介 Elasticsearch 是一个基于 Apache Lucene 的搜索引擎,它提供了分布式多用户能力的全文搜索...

    2 年前
  • NPM包 `@sunhotels/grunt-dotnet` 使用教程

    作为一名前端开发人员,接手一个 .NET 程序项目可能会让你感到陌生和困惑。但是不用担心,因为我们有一个名为 @sunhotels/grunt-dotnet 的 NPM 包来帮助我们进行前端开发。

    2 年前
  • npm 包 infotrack-react-autosuggest 使用教程

    前言 在前端开发中,由于需要反复使用代码,社区的代码共享非常重要。npm 作为其中一个重要的代码分享平台,提供了很多实用的包供前端开发者使用。 在这篇文章中,将会介绍一个名为 infotrack-re...

    2 年前
  • npm 包 vin-decode 使用教程

    简介 在汽车行业中,VIN(Vehicle Identification Number)是每辆车的唯一标识符。vin-decode是一个npm包,它可以解析VIN码,获得有关车辆的信息。

    2 年前
  • npm 包 genderify 使用教程

    介绍 genderify 是一款基于 Node.js 平台的 npm 包,它可以通过分析一个人的名字,来猜测他或她的性别。genderify 的使用非常简单,且非常灵活,可以嵌入到任意的 Node.j...

    2 年前
  • npm 包 browservizjs 使用教程

    在前端开发过程中,我们经常需要将数据可视化,以便更好地展示和理解数据。其中 browservizjs 是一个非常实用的 npm 包,提供了一系列易用、美观的可视化组件库,非常适合在前端项目中使用。

    2 年前
  • npm 包 value-descriptors-factory 使用教程

    在前端开发中,我们经常会需要创建数据类型,其中需要对属性的值做出一些规范约束,例如必须是数字、字符串等。value-descriptors-factory正是为了解决这个问题而产生的 npm 包。

    2 年前
  • npm 包 @taskr/postcss 使用教程

    在前端开发过程中,使用 PostCSS 可以有效地提高 CSS 的编写效率和代码质量。而 @taskr/postcss 是一款常用的 PostCSS 插件,可用于任务运行系统 Taskr 中对 CSS...

    2 年前
  • npm 包 cjudge 使用教程

    前言 在前端开发过程中,我们常常需要对用户提交的代码进行测试和验证,以确保其功能正常且不存在安全漏洞。而 npm 包 cjudge 正是针对这一需求而设计的,它能够在命令行中快速运行用户提交的代码,返...

    2 年前
  • npm 包 jsonschema-structure-validator 使用教程

    简介 JSON Schema 是一种用于描述 JSON 数据结构的语言。它可以用于验证 JSON 数据是否符合特定的结构标准,以及为 API 设计提供指导。 jsonschema-structure-...

    2 年前
  • npm 包 just-maybe 使用教程

    前言 前端开发中,我们经常需要对数据进行判断和处理。而 just-maybe 这个 npm 包,就是专门用于方便地进行 null 或 undefined 值的判断和处理的工具。

    2 年前
  • npm 包 mongoexec.js 使用教程

    在 MongoDB 数据库开发中,执行数据库操作的方式有多种,mongoexec.js 是其中一种比较好用的 npm 包。该 npm 包能够通过命令行执行 MongoDB 数据库操作,极大地方便了开发...

    2 年前
  • npm 包 mozaik-ext-appinsight2graph 使用教程

    如果你正在开发前端应用程序,并且需要监控和分析应用程序的性能指标,那么你可能需要使用应用程序洞察(AppInsight)这个工具。而 mozaik-ext-appinsight2graph 就是一个可...

    2 年前

相关推荐

    暂无文章