fluent-org / fluent-windows

๐ŸŒˆ React components that inspired by Microsoft's Fluent Design System.

Home Page:https://fluent-windows.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Fluent-Windows logo

Fluent-Windows

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-windows/core

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

Usage

Here is a quick example to get you started.

import React from 'react';
import ReactDOM from 'react-dom';
import Button from '@fluent-windows/core/Button';
import ThemeProvider from '@fluent-windows/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.

About

๐ŸŒˆ React components that inspired by Microsoft's Fluent Design System.

https://fluent-windows.com

License:MIT License


Languages

Language:TypeScript 99.4%Language:JavaScript 0.6%