Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@fluent-ui/hooks

fluent-org104MIT0.10.0TypeScript support: included

Fluent-UI React hooks.

react, fluent-design, fluent-ui, hooks, react hooks

readme

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.

License

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

changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

0.10.0 (2019-09-20)

Bug Fixes

  • @fluent-ui/hooks: Fix useClickOutside type error and update snapshots (82080e2)

Features

  • fluent-ui.com: The new icon interaction (24c82d3)

0.9.1 (2019-09-18)

Note: Version bump only for package @fluent-ui/hooks

0.9.0 (2019-08-26)

Features

  • @fluent-ui/core: Add propTypes support for all components (09c2fa5)
  • @fluent-ui/hooks: New hooks useUpdateEffect (b2e7e72)

0.8.0 (2019-08-14)

Bug Fixes

  • @fluent-ui/hooks/useMessage: Fix deps bug (0d0b05f)

Features

  • @fluent-ui/hooks/useMessage: New hooks useMessage (a8a0411)

0.7.3 (2019-08-11)

Bug Fixes

  • bug fix: Fix circular reference problems (e1521bc)

0.7.2 (2019-08-02)

Bug Fixes

  • Tooltip: Fix problem with tooltip not showing (81921b2)

0.7.1 (2019-08-02)

Bug Fixes

  • fluent-ui.com: Navigation Persistent record of scroll position (1d67613)

0.7.0 (2019-07-31)

Bug Fixes

  • Navigation: Fix the problem of item refresh under reveal (9239dd9)

Features

  • Portal: New component Portal (96b8d4b), closes #1

0.6.0 (2019-07-25)

Features

  • Tooltip: Tooltip does not render by default (cb5af8a)

0.5.1 (2019-07-23)

Note: Version bump only for package @fluent-ui/hooks

0.5.0 (2019-07-22)

Features

  • @fluent-ui/hooks: add useMedia (cbf7bd6)
  • Drawer: Add component Drawer (4ca6967)

0.4.0 (2019-07-18)

Bug Fixes

  • @fluent-ui/hooks: Add hooks: useHover, usePopper (9479180)

Features

  • Tooltip: Complete the component Tooltip (91c2730)

0.3.1 (2019-07-17)

Note: Version bump only for package @fluent-ui/hooks

0.0.2 (2019-07-12)

Bug Fixes

  • @fluent-ui/hooks: Split hooks into separate packages (7897849)

0.0.2 (2019-07-12)

Bug Fixes

  • @fluent-ui/hooks: Split hooks into separate packages (7897849)