Fluent-UI響應(yīng)式 Fluent 設(shè)計(jì) UI 組件

Fluent-UI 實(shí)現(xiàn)了 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'));