Fluent-UI响应式 Fluent 设计 UI 组件

Fluent-UI 实现了 Acrylic 效果

Reveal 效果

安装

// with npm
npm install @fluent-ui/core

// with yarn
yarn add @fluent-ui/core

使用

import React from 'react';
import ReactDOM from 'react-dom';
import Button from '@fluent-ui/core/Button';
import ThemeProvider from '@fluent-ui/core/ThemeProvider';

function App() {
  return (
    <ThemeProvider>
      <Button variant="primary">
        Hello World
      </Button>
    </ThemeProvider>
  );
}

ReactDOM.render(<App />, document.querySelector('#app'));