@abqm-ds/反应

组件 React do Design System ABQM.

Este pacote fornece 组件 reutilizáveis, acessíveis e Estilizados para uso em aplicações React, segudo o paperão visual da ABQM. 中国植物物种信息数据库.

* 因斯塔拉索

yarn add @abqm-ds/react
# ou
npm install @abqm-ds/react

* 构成部分

• 方框
• 按钮
• 文本
• 标题
• 有远见
• 文本输入
• 文本区
• 复选框
• 多步骤
• 颜色栏
• 页脚
• 页眉
• 四舍五入按钮
• 侧菜单
• TopSide梅努语Name
• 用户向下
• 下坠
• 标题移动
• 工具提示
• 模式
• 土司
• 边界错误 .

科莫乌萨尔

E 进口使用 os 组件常态:

import { Button, ToastRoot, ErrorBoundary } from '@abqm-ds/react';

function App() {
  return (
    <ErrorBoundary>
      <ToastRoot />
      <Button text="Salvar" variant="primary" size="md" onClick={() => alert('ola')} />
    </ErrorBoundary>
  );
}

边界错误

欧 ErrorBoundary (原始内容存档于2018-09-21) (英语). captura missação em commissions filhos e exibe uma mensagem de refall amigável.

实例:

import { ErrorBoundary } from '@abqm-ds/react';

function BuggyComponent() {
  throw new Error('Erro de teste!');
}

function App() {
  return (
    <ErrorBoundary>
      <BuggyComponent />
    </ErrorBoundary>
  );
}

• 使用 evitar que 错误 组成 quebrem toda aplicação .
• O倒背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背面 背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背背.

埃斯图拉

packages/react/
├── src/
│   ├── components/
│   ├── styles/
│   ├── types/
│   └── index.tsx
├── package.json
└── README.md

* 政协

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}再做一次设计.

· 利森萨

Este projeto é privado e pertence à ABQM. 中国植物物种信息数据库. (原始内容存档于2018-09-21). Uso externo e restrito.