google-material-icons 相关问题


在React-Icons中添加原始颜色图标

这是我的代码片段: 社会行动('github')} /> < 这是我的代码片段: <div className="mt-6 flex gap-2"> <AuthSocialButton icon={BsGithub} onClick={() => socialAction('github')} /> <AuthSocialButton icon={BsGoogle} onClick={() => socialAction('google')} /> </div> React-icons 本身只有空白灰色。有没有办法将徽标颜色添加到反应图标中?我不是说添加背景颜色,我的意思是例如Google图标必须有Google等的图标颜色 感谢您的宝贵时间。 您是否尝试添加内联样式或 CSS 类? 类似的东西? <AuthSocialButton icon={<BsGithub style={{ color: '#333' }} />} // GitHub's color onClick={() => socialAction('github')}/>


替换 Unix 中的模式

我想将文件中与“src=/icons”匹配的所有模式替换为“src=http://dashbaord.etrade.com/icons”。我尝试了 sed 命令,但它无法正常工作并出现错误。拜...


React 图标未解析

编译失败。 找不到模块:错误:无法解析“C:\Users\janan\OneDrive\Desktop\dukaan”中的“react-icons/ai” 伊什扬\sr


无法在 Material UI 日期选择器上显示错误和错误消息

我正在使用 React Material UI 我想在后端计算的某些条件下显示错误。 我使用了 Material UI-datepicker 但无法显示错误 从 'react' 导入 * as React; 导入


Angular Material v17:缺少“MatFormFieldAppearance”中的“遗产”

在 Angular Material v14 中,MatFormFieldAppearance 提供了传统、标准、填充和轮廓值。 类型 MatFormFieldAppearance = '旧版' | '标准' | '填充' | '大纲'; 然而,在 Angular


无法解决依赖关系:来自@material-ui/[email protected]的peer React@"^16.8.0 || ^17.0.0"

我使用创建了一个反应项目 npm 初始化 -y npm 安装 React React-dom 然后我尝试安装 Material UI npm 安装@material-ui/core 它得到错误 npm 错误!代码 ERESOLVE npm 错误!解决...


Angular Material 5 深色主题未应用于机身

我创建了一个“自定义”主题(使用 https://material.angular.io/guide/theming 上的主题文档,这非常糟糕),如下所示: @import '~@angular/material/theming'; @包括 mat-cor...


React Material 选项卡方向在响应式中发生变化?

如何更改响应式材质选项卡方向变化?我正在使用 React Material 版本 4 我需要桌面响应式的orientation=“horizontal”,它应该是orientation=“


@types/material-ui 和官方的@mui/types 包有什么区别?

npm 包:@types/material-ui 和 @mui/types 我知道前者受到 Definely Typed 社区的支持,但如果存在官方类型包,为什么它首先存在呢?我已经


从 Material UI Modal 中删除边框

我正在尝试使用 React Material UI 模态,但当它聚焦时,我总是在模态周围看到黑色边框。当它失焦时我已经删除了边框,但是如果模态聚焦......


如何在 Angular Material 2 中构建自定义组件

是否有任何标准方法可以在 Angular Material 2 之上构建自己的组件或扩展现有组件。 之前我使用过 Sencha/ExtJS 框架,构建自己的框架非常简单


有没有办法使用角度材料拖放来调整大小

我正在使用 Angular 和 Material 创建一个 Web 应用程序,我希望能够拖放和调整我的部分的大小。有没有办法使用 Angular Material 拖放 CDK 来完成?


将 Angular Material 从 16 迁移到 17 时出现目录错误

我正在尝试运行 Angular Material 迁移工具以从 16 迁移到 17,但收到一条错误消息,指出目录必须是字符串。 JSON 显示它是错误的。这不是提示,a...


如何用React Material UI实现多行标签

我正在使用 React js 来开发我的 Web 应用程序,并且我正在使用 React 材料设计来进行 UI 设计。下面是我引用的网址。 https://material-ui-next.com/ 我正在努力实现一些目标...


在 React 16 中使用 RTL 测试 Material UI Drawer 的关闭逃逸功能

我正在尝试测试 Material UI Drawer。当您按 Esc 键或单击抽屉外部时,它应该关闭。但它正在失败。 我正在使用反应测试库进行测试。我创建了一个


Angular Material 6 网格列表对齐项目并将内容对齐到 flex-start

我正在尝试使用 Angular Material 6 动态网格列表。与文档相关的示例将网格的内容放在每个图块的中心。请参阅此处的示例 我想要内容进去...


react-testing-library:无法关闭 MUI Select 的下拉菜单

我有一个 SelectExample.js 从“react”导入 React, { useState }; 从“@mui/material”导入{InputLabel、MenuItem、FormControl、Select、Typography };> 导出默认fu...


使用 date-fns 和 Angular Material 日期选择器配置区域设置时,日期会消失

我正在尝试在我的 Anuglar 18 应用程序中使用 Angular Material 日期选择器配置 date-fns。但是,当我尝试配置区域设置时,日期选择器中的所有日期都不会出现。如果我记得...


MatFormFieldModule / MatLegacyFormFieldModule 未导入 MatInputFieldModule 时发生冲突

我必须在客户端项目中使用 Material Legacy 模块。 现在,我使用 MatLegacyFormFieldModule 和 MatLegacyInputFieldModule 删除了所有出现的 MatFormFieldModule 和 MatInputFieldModule。


如何使用 Google Drive API 识别和删除大型 Google Takeout ZIP 文件?

如何使用 Google Drive API 识别和删除大型 Google Takeout ZIP 文件? 身体: 我遇到一个问题,Google Takeout 不断在我的 Google 云端硬盘中创建大型 ZIP 文件,c...


如何在 Google Cloud Console 中添加 Google Keep API 范围?

我尝试使用 OAuth 2.0 连接到 Google Keep API,但无法在 Google Cloud Console 中添加所需的范围。我已在“库”部分启用了 Google Keep API,但是当...


为什么 Jetpack Compose Material 3 Card 可组合项的内容需要 ColumnScope?

我正在使用 Jetpack Compose,最近注意到 androidx.compose.material3 包中的 Card 可组合项要求其内容在 ColumnScope 中提供。具体来说,


Material-UI DataGrid 隐藏特定单元格的标题分隔符

有没有办法隐藏特定(或所有)单元格的标题列分隔符? 这是我的列定义 const orderCols = [ { 字段:'DOCDATE', headerName:'Fecha',flex:1 ...


10000次请求后会打诚信付费吗?

我将使用“使用 Google Cloud Console”方法在我的 Android 应用程序中实现 Google Play Integrity。我想知道在我从 Google C 启用“Google Play Integrity API”后...


如何使用带有 Material UI 图标的样式化组件

我尝试使用覆盖“!”但这仍然不起作用,有没有办法设计它?我在网上到处查看都无济于事。 从“反应”导入反应; 从 'styled-


如何将 Google Play Console 和 Google Cloud 项目关联到不同的帐户

标题说明了一切:如果两者不在同一登录名下运行,我可以/如何将我的 Google Play Console 帐户与我的 Google Cloud 帐户关联起来,即: 使用 [email protected] 和 google c 玩控制台...


如何使用 Angular 服务创建 nx 库

我有几个 Angular 应用程序在 nx 工作区中运行。所有这些应用程序都使用 Angular Material 对话框。为此,我通常创建这样的 Angular 服务: 导入 { 管理组件 }


NodeJS 我当前的 Google Cloud 函数名称是什么?

我想使用当前Google Cloud Function的名称来驱动一些逻辑。如何确定我的 Google Cloud Function 名称是什么?


类型“IntrinsicAttributes & RefAttributes<any>”上不存在属性“XXX”

我将编码作为一种爱好,并且正在使用 TypeScript 构建一个 React 网站。我找到了一个免费的 Material UI 模板,我正在尝试将其集成到现有代码中。模板是用


Angular Material 17 独立组件中没有 DateAdapter 的提供者

我有一个带有 Angular 17 应用程序的 nx 项目,并尝试使用带有材料 17.0.4 的 Angular 材料日期选择器。但我明白了 NullInjectorError:没有 DateAdapter 的提供者! 错误。组件...


具有多个React版本和CSS隔离的模块联合

我有一个模块联合远程存储库,它是: 使用 React 17 构建 Material-ui 4 包括 jss 有来自第三方库的自己的全局 CSS,我无法编辑 我有多个主机...


Angular Material 浮动标签在悬停时消失或被切断

如果不需要的话,我不想禁用浮动标签,但它们对我来说表现不佳。当我将鼠标悬停在它们上方时,很多时候浮动标签会完全消失......


材质 UI 输入与只读视图的文本字段

我正在努力构建一个新的 Material UI 表单。我想知道是否有只读字段的首选组件。我正在比较输入和文本字段组件,但无法真正分辨出什么......


Google App 脚本无法获取 Google Drive 上托管的 CSS 文件(403 未经授权)

我在 Google App 脚本访问 Google 云端硬盘托管资产时遇到问题。奇怪的是,它一直在工作,几天前才停止工作。 发生了什么:在


为什么BottomSheet的背景颜色与Flutter中Material 3中设置的颜色不一样?

我正在使用材质 3 并打开 BottomSheet,如下所示: 显示ModalBottomSheet( 上下文:上下文, 背景颜色:颜色.白色, ... 然而,背景并不是 100% 白色 - 它看起来像......


谷歌财经股票符号识别

Google 财经不再识别过去的许多股票代码。今天举两个例子,BXSL 和 RC 等。 Google 财经网站以及 Google 表格中的报告要么...


如何在iPhone中集成Google+ API?

iPhone 的 Google API 已经推出了吗? 如果是,我如何集成到我的应用程序中。


如何在 Material-ui 表中添加垂直列分隔线

我创建了一个给定高度的桌子(比如说70vh)。我想要一个垂直的列分隔线来覆盖桌子的整个高度。我可以使用 TableCell 的 CSS 添加它。但我想要垂直列分割...


如何在 Material Design 3 中使用自定义颜色?

昨天我将我的应用程序从 MD2 升级到 MD3,一切正常。但我还是不太明白MD3中的自定义颜色。 问题 我什么时候应该使用自定义颜色?真正的我们是什么...


使用节点和护照未经谷歌oauth登录身份验证500

我正在使用passport-google-oauth 运行node.js。从我的 package.json 中: "passport-google-oauth": "~1.0.0", 我遵循了本教程:https://scotch.io/tutorials/easy-node-authentication-google 在...


如何在材料UI日期选择器反应中仅获取日期?

我使用 Material-UI 选择器库来获取日期 我只想知道日期 像这样 17/07/2021 但我得到了这样的日期和时间 2021 年 7 月 17 日星期六 12:21:00 const [获取日期,


更新 Google Pay 集成

我已在 google pay Business 控制台上成功设置了 android google pay 集成并已获得批准,但是现在我已经对用户界面(付款流程)进行了更改,我该如何


如何访问Google新闻标题链接

我正在对 Google 新闻文章网址进行 axios 调用,例如: 谷歌新闻链接: “https://news.google.com./articles/


如何在 Material ui 滑块中的标签悬停时获取工具提示

我正在尝试创建一个滑块测验,我想要的是在滑块上的标签悬停时出现工具提示 现在,当我将鼠标悬停在拇指上及其鼠标位置上时,我可以看到...


Google Oauth 应用程序内部/测试的刷新令牌过期

我在发布状态“测试”时遇到了经常提到的 Google API 和刷新令牌问题。 就我而言,我尝试使用 Azure Datafactory 连接到 Google Bi...


外观标准属性在 Angular 15 中不起作用

Angular 15 中的外观=“标准”属性不再起作用。除标准外,所有外观均运行良好。 为什么这不再起作用了? 结果: 需要: Angular 15 中的 appearance="standard" 属性不再起作用。除了standard之外,所有外观都运行良好。 为什么这不再起作用? 结果: 需要: <mat-form-field class="form-field" Appearance="Standard"> <input matInput formControlName="email" matInput placeholder="email" name="email" type="text" required> </mat-form-field> 您正在使用的属性的 API 从 v14 更改为 v15 。具体来说,删除了 legacy 和 standard 外观。 导入路径 变更摘要 ... ... @angular/material/form-field 样式更改、删除一些外观、API 更改 ... ... API 更改的原因在博客中进行了解释: 我们很高兴地宣布基于 Web 材料设计组件 (MDC) 的 Angular 材料组件重构现已完成!这一更改使 Angular 能够更接近 Material Design 规范,重用 Material Design 团队开发的原语代码,并使我们能够在最终确定样式标记后采用 Material 3。 从 v14 文档来看,Angular 14 中的有效值是: type MatFormFieldAppearance = 'legacy' | 'standard' | 'fill' | 'outline'; 从 v15 文档来看,Angular 15 中的有效值是: type MatFormFieldAppearance = 'fill' | 'outline'; 如果您想继续使用appearance="standard",您可以尝试导入MatLegacyFormFieldModule而不是MatFormFieldModule。该博客提到,只要您不同时导入两者,它们目前是可以互换的。这是为了让您能够按照自己的节奏升级各个模块(包括您自己的模块和 Angular Material)。 每个新组件的旧实现现已弃用,但仍可通过“旧版”导入使用。例如,您可以通过导入旧按钮模块来导入旧的 mat-button 实现。 import {MatLegacyButtonModule} from '@angular/material/legacy-button'; 访问迁移指南了解更多信息。 在 Angular 15 中,不鼓励使用样式来定制材质库。但是,对于这么小的要求,您可以使用: .mat-mdc-form-field-focus-overlay { background-color: white!important; } .mdc-text-field--filled:not(.mdc-text-field--disabled) { background-color: white!important; }


如何从Google大查询表中的大数据集中删除重复数据?

我有一个 Google Big Query 项目,其中需要我删除 a 列中的重复项。有效的方法是什么?我是 Google Big Query 的新用户?


需要帮助设置 Google App 脚本的 CI/CD?

我们正在使用 Google App Script 构建一个插件,并希望将其发布到 Google Workspace MarketPlace。我们设法使用 App Sc 的管理部署功能发布版本化部署...


Softr Google 地图集成不起作用

在过去的一个月里,我一直在尝试将 Google Maps API 集成到 Softr 应用程序中。根据文档,我只需在 Google Cloud 上设置一个项目,链接一个计费帐户,


根据给定的 client_id + client_secret 识别 Google API 密钥

我在一个拥有一百万个 Google 项目、服务和帐户的生态系统中工作。我有 Google Calendar API client_id 和 client_secret,并且我想升级该 API 帐户的结算信息。 是...


© www.soinside.com 2019 - 2024. All rights reserved.