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'));