Skip to content
🌈 React components that inspired by Microsoft's Fluent Design System.
TypeScript JavaScript
Branch: master
Clone or download
chenyueban chore(release): publish
 - fluent-ui.com@2.0.0-alpha.4
 - @fluent-ui/core@1.0.0-alpha.4
Latest commit 7fc36a2 Oct 21, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci ci(circleci): Build before unit_test Jul 17, 2019
.github/ISSUE_TEMPLATE Update issue templates Sep 27, 2019
docs chore(release): publish Oct 21, 2019
packages chore(release): publish Oct 21, 2019
scripts feat(@fluent-ui/core): Add propTypes support for all components Aug 26, 2019
.editorconfig feat(init): 🎉 hello fluent-ui Jun 5, 2019
.eslintignore build(tree-shaking): Adjust build, support tree-shaking. Jul 11, 2019
.eslintrc test(config): Configuration jest Jul 1, 2019
.gitignore fix(fluent-ui.com): Use the environment variable for now Sep 26, 2019
.prettierignore feat(init): 🎉 hello fluent-ui Jun 5, 2019
.prettierrc feat(init): 🎉 hello fluent-ui Jun 5, 2019
CHANGELOG.md chore(CHANGELOG.md): Regenerate CHANGELOG.md Oct 7, 2019
LICENSE Create LICENSE Jul 12, 2019
README-zh_CN.md feat(@fluent-ui/hooks): Document page added hooks/guide, Delete hooks… Oct 8, 2019
README.md feat(@fluent-ui/hooks): Document page added hooks/guide, Delete hooks… Oct 8, 2019
babel.config.js docs(fluent-ui.com): Add `Minimizing Bundle Size` Oct 1, 2019
jest.config.base..js chore(jest.config.base.js): Temporarily turn off configuration covera… Jul 17, 2019
jest.config.js test(config): Configuration jest Jul 1, 2019
lerna.json chore(package.json): Add lerna-changelog Oct 7, 2019
package.json chore(CHANGELOG.md): Regenerate CHANGELOG.md Oct 7, 2019
tsconfig.json fix(tsconfig.json): Set forceConsistentCasingInFileNames to false Oct 1, 2019
yarn.lock feat(@fluent-ui/hooks): Document page added hooks/guide, Delete hooks… Oct 8, 2019

README.md

Fluent-UI logo

Fluent-UI

React components that inspired by Microsoft's Fluent Design System.

npm CircleCI codecov GitHub Code style lerna

English | 简体中文

Installation

Install the package in your project directory with:

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

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

Usage

Here is a quick example to get you started.

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('#root'));

Edit basic-demo

Documentation

Check out our documentation website.

Changelog

Recently Updated? Please read the changelog.

Links

License

This project is licensed under the terms of the MIT license.

You can’t perform that action at this time.