Neo React 组件库
这是由Avaya 制作的名为"NEO" buit的共享库的回放版本(故事书网站(中文(简体) )
安装
npm i @avaya/neo-react
yarn add @avaya/neo-react
pnpm add @avaya/neo-react
示例使用
在您的应用程序根部, 导入 CSS 样式 :
import "@avaya/neo-react/avaya-neo-react.css";
然后,简单地导入您想要使用的组件,看 文档网站 需要更多的实例.
import { IconNamesType, NoContent } from "@avaya/neo-react";
export const Example = () => {
const agentIconName: IconNamesType = "agent";
return <NoContent icon={agentIconName} text={"Agent has no content"} />;
};
注:如果您正在使用 天体中,将以下内容添加到 astro.config.mjs (单位:千美元)链接到 Astro Docs 上的“为什么”:
export default defineConfig({
vite: {
ssr: {
noExternal: ["avaya-neo-react"],
},
},
});
页:1:Neo CSS图书馆包含有Neo React图书馆. 如果你安装了 Neo React 库, 你 别 需要从 CSS 库安装或导入.
项目建议
维特w/ TS
这个团队有经验建设项目(包括应用程序和图书馆) CRA( 创建- react- app), (中文(简体) ), 维特, (中文(简体) ), 网络软件包, (中文(简体) ), 括号,以及 滚动其中,我们建议利用Vite来建立全新的项目。 Vite已经表明自己不仅是一个更快的构建工具,而且由于其出色的文档和智能默认,也成为了更好的DX(Developer eXperience). 见本条 关于这些要点的进一步细节.
使用 React+TS 创建 Vite 的示例应用程序 : pnpm create vite my-react-ts-app --template react-ts
该团队还与国家防范机制一揽子管理人员建立了经验积累项目, Yarn (经典),以及 菲律宾在这三个国家中,我们对Yarn(经典)和PNPM都有良好的经验,并推荐其中任何一个.
添加到此库中
如果你愿意为这个项目捐款,你可以从我们开始 如何进行 dev doc
其他读取文件
许可证
版权所有 2020-2024 Avaya Inc. 所有权利保留.