ReactJS 语义 UI 按钮元素

ReactJS 语义 UI 按钮元素是一组可用于构建用户界面的 React 组件。这些组件具有标准化的语义类名，是基于 Semantic UI 的设计体系。

安装

npm install semantic-ui-react --save

使用

通过与 Semantic UI 的样式类名对应，可以让开发者更方便地使用 Semantic UI 的样式，而不需要手动书写样式代码。

基本用法

import React from 'react';
import { Button } from 'semantic-ui-react';

const MyButton = () => (
  <Button>Click Me</Button>
);

export default MyButton;

样式变化

语义 UI 按钮还可以根据需求进行多种样式变化，比如设置颜色、尺寸等。

import React from 'react';
import { Button } from 'semantic-ui-react';

const ColoredButton = () => (
  <Button color='green'>Click Me</Button>
);

const SizedButton = () => (
  <Button size='large'>Click Me</Button>
);

export default ColoredButton;
export default SizedButton;

相关链接

• 语义 UI 官网
• 语义 UI React 组件文档