Detalhes do pacote

@fluent-ui/core

fluent-org205MIT0.25.3

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

react, fluent-design, fluent-ui

readme (leia-me)

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.

changelog (log de mudanças)

Change Log

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

0.25.3 (2019-10-02)

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

0.25.2 (2019-10-01)

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

0.25.1 (2019-10-01)

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

0.25.0 (2019-09-30)

Bug Fixes

  • Command: The problem is not repaired Secondary display when only one child (ce3d74c)

Features

  • fluent-ui.com: Card added more examples (67b97ab)
  • fluent-ui.com: Change the background image inside the document, Fine-tuning the card component (10db49f)
  • fluent-ui.com: New background change function (e71561c)
  • Input: Add child component TextArea (d04f622), closes #10

0.24.0 (2019-09-27)

Features

  • Button: Add prop ghost (5d0e502)
  • fluent-ui.com: Document button to increase editPage (e0152b3)
  • fluent-ui.com: Remove the header and move the content to the nav (735aea1)
  • Input: Add prop ghost (54d6154)

0.23.0 (2019-09-26)

Features

  • fluent-ui.com: Adding search with Algolia (ece2f46), closes #9
  • Input: Add prefix/suffix support (4c7728c), closes #10

0.22.0 (2019-09-23)

Bug Fixes

  • @fluent-ui/icons: Re-build icons (c142a74)

Features

  • @flunet-ui/icons: Icon library switch to remix (32cb171)
  • fluent-ui.com: Adjust the style (2916ad4)
  • i18n: fluent-ui.com complete the framework of multi-language switch (65aa506)

0.21.3 (2019-09-20)

Bug Fixes

  • @fluent-ui/core: Refers to fix errors (7cbcf50)

0.21.2 (2019-09-20)

Bug Fixes

  • test-utils/createRender: Refers to fix errors (d65dfcd)

0.21.1 (2019-09-20)

Bug Fixes

  • ThemeProvider: Corrections ThemeProvider the default export (b79dbc1)

0.21.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)
  • ThemeProvider: The theme for the optional attribute adjustment ThemeProvider (b85e7e9)

Performance Improvements

  • fluent-ui.com: Icon document pages to improve rendering performance (b454c26)

0.20.0 (2019-09-19)

Bug Fixes

  • Checkbox: Fix display problems that may arise misplaced (3e744d2)
  • Navigation: Navigation for the first time into the repair error loading animation (4109389)
  • Radio: Fix display problems that may arise misplaced (c9749a0)

Features

  • Box: Box breakpoint fix the problem is not in force (6cae488)

0.19.2 (2019-09-18)

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

0.19.1 (2019-09-18)

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

0.19.0 (2019-09-18)

Bug Fixes

  • Box: Fix the problem that the Box does not support color (878689b)
  • bugs: Some repair error (959c605)
  • IconButton: Fix IconButton does not have default size (217cfdd)

Features

  • unit_test: Remove styled-components dependencies, and fix the test file (ea7ab43)

0.18.0 (2019-08-26)

Features

  • @fluent-ui/core: Add propTypes support for all components (09c2fa5)
  • Table: New component Table (5270561)

0.17.0 (2019-08-21)

Bug Fixes

  • Form: Fix bugs and improve documentation (a263370)

Features

  • Form: New component Form (cde4faa)

0.16.0 (2019-08-19)

Features

  • Tabs: New component Tabs (ba14333)

0.15.0 (2019-08-17)

Features

  • Card: New component Card (0d85378)
  • Select: New component Select (2e82d78)

0.14.0 (2019-08-15)

Bug Fixes

  • ComponentType: Fix the basis of each component prop type (5cab5e9)

Features

  • List: New component List (6465542)

0.13.0 (2019-08-14)

Features

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

0.12.0 (2019-08-13)

Bug Fixes

  • Navigation: Fix arrow bugs (41a9a2d)

Features

  • Progress: New component Progress (a0b1912)
  • Spinner: Complete basic content (b6094d7)

0.11.1 (2019-08-11)

Bug Fixes

  • ItemGroup: Fix the arrow shows the problem (8cc09a3), closes #3

0.11.0 (2019-08-11)

Bug Fixes

  • bug fix: Fix circular reference problems (e1521bc)
  • fluent-ui.com: Fix the problem with the acrylic display in the document (7c954b3)
  • Transition: Make the prop type 'grow' support unmount (7623484)

Features

  • Item: The icon of the Item is carried by a single prop. (#3) (d089b57)
  • ItemGroup: Complete basic content (#3) (6ba7e02)
  • Transition: Add new type 'grow' (b701b1f)

0.10.1 (2019-08-02)

Bug Fixes

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

0.10.0 (2019-08-02)

Bug Fixes

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

Features

  • Navigation: The new subcomponent ItemGroup is used to support the embedding of Item (#3) (1f074e9)

0.9.0 (2019-07-31)

Bug Fixes

  • Navigation: Eliminate automatically added deps (820b6a3)
  • Navigation: Fix the problem of item refresh under reveal (9239dd9)

Features

  • Box: Modify the scrollbar style of the box (11f5e22)
  • Dialog: Add new component Dialog (6c6784e)
  • Input: Add a new prop error (06f03af)
  • Portal: New component Portal (96b8d4b), closes #1

0.8.0 (2019-07-25)

Bug Fixes

  • Typography: Fix Variant type (4b76252)

Features

  • Tooltip: Tooltip does not render by default (cb5af8a)
  • Typography: new component Typography (c3d768e)

0.7.2 (2019-07-23)

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

0.7.1 (2019-07-23)

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

0.7.0 (2019-07-22)

Bug Fixes

  • Tooltip: Fix the Tooltip title types (09d5838)

Features

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

0.6.0 (2019-07-18)

Bug Fixes

  • @fluent-ui/hooks: Add hooks: useHover, usePopper (9479180)
  • Command: Fix problems not displayed by Secondary (4ffcbce)

Features

  • Tooltip: Complete the component Tooltip (91c2730)

0.5.1 (2019-07-17)

Bug Fixes

  • theme: Add shadows and Refactoring IconButton (9a26b28)

0.5.0 (2019-07-17)

Features

  • Box: Add polyfill for box acrylic (c611f28)
  • Transition: add prop wrapper, and new type 'collapse' (63306cc)

0.4.1 (2019-07-14)

Bug Fixes

  • Command, Navigation: Fix Command, Navigation child rendering position does not meet expectation (735a629)

0.4.0 (2019-07-14)

Bug Fixes

  • fluent-ui.com: Join the homepage and adjust the style of the details (c12250d)

Features

  • Transition: New component Transition (cf1da17)

0.3.1 (2019-07-12)

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

0.1.0 (2019-07-12)

Bug Fixes

  • @fluent-ui/hooks: Split hooks into separate packages (7897849)
  • IconButton: fix the background-color of IconButton in Safari (67198da)
  • Input: Extended input html props and docs (5239223)
  • Input, Navigation, Icon: fix Input line-height, Navigation icon does not display (f6ef8a9)
  • Navigation: Fix all navigation sharing the same onChange bug (70a2506)
  • Navigation, Command: Fixed ts errors (7007bee)

Features

  • @fluent-ui/core: Change directory structure (67e69b2)
  • Box: Complete the basics of acrylic (4367aaa)
  • Button: Add the size props (5cc9eaf)
  • Button: Finish button basic style (4b26b5b)
  • Checkbox: Complete the basic props of the Checkbox (9d43174)
  • Checkbox: prop children (72f6cc6)
  • Command: almost done (1fa706b)
  • Command: Finish the reveal props (0154827)
  • config: Finally completed the compiled configuration (ddead67)
  • Icon: almost done (2dfe68d)
  • IconButton: Complete component IconButton (5f989e3)
  • init: :tada: hello fluent-ui (1ead5d8)
  • init: Improve the initialization environment (706e1e7)
  • Input: Complete the basic input component (fc68cde)
  • Navigation: Complete controlled component related props (b387416)
  • Navigation: Encapsulate usePortal (c5f7132)
  • Navigation: Encapsulate useReveal (5ef3453)
  • Navigation: prop horizontal (d3a757c)
  • Navigation: Props acrylic (9a39989)
  • Navigation: props expanded (f3cef05)
  • Navigation.Item: Add props as, href, etc. to Item (1319fa1)
  • Portal, Command: Add more response to Command, use Portal (a867d24)
  • Radio: Add animation to radio (213450d)
  • Radio: Complete the basic props of the Radio (f451dbf)
  • Radio: prop children (9093783)
  • Toggle: Complete component Toggle (67c94a8)

Performance Improvements

  • useReveal: Reduce redundant rendering with useCallback (05f56c0)

0.1.0 (2019-07-12)

Bug Fixes

  • @fluent-ui/hooks: Split hooks into separate packages (7897849)
  • IconButton: fix the background-color of IconButton in Safari (67198da)
  • Input: Extended input html props and docs (5239223)
  • Input, Navigation, Icon: fix Input line-height, Navigation icon does not display (f6ef8a9)
  • Navigation: Fix all navigation sharing the same onChange bug (70a2506)
  • Navigation, Command: Fixed ts errors (7007bee)

Features

  • @fluent-ui/core: Change directory structure (67e69b2)
  • Box: Complete the basics of acrylic (4367aaa)
  • Button: Add the size props (5cc9eaf)
  • Button: Finish button basic style (4b26b5b)
  • Checkbox: Complete the basic props of the Checkbox (9d43174)
  • Checkbox: prop children (72f6cc6)
  • Command: almost done (1fa706b)
  • Command: Finish the reveal props (0154827)
  • config: Finally completed the compiled configuration (ddead67)
  • Icon: almost done (2dfe68d)
  • IconButton: Complete component IconButton (5f989e3)
  • init: :tada: hello fluent-ui (1ead5d8)
  • init: Improve the initialization environment (706e1e7)
  • Input: Complete the basic input component (fc68cde)
  • Navigation: Complete controlled component related props (b387416)
  • Navigation: Encapsulate usePortal (c5f7132)
  • Navigation: Encapsulate useReveal (5ef3453)
  • Navigation: prop horizontal (d3a757c)
  • Navigation: Props acrylic (9a39989)
  • Navigation: props expanded (f3cef05)
  • Navigation.Item: Add props as, href, etc. to Item (1319fa1)
  • Portal, Command: Add more response to Command, use Portal (a867d24)
  • Radio: Add animation to radio (213450d)
  • Radio: Complete the basic props of the Radio (f451dbf)
  • Radio: prop children (9093783)
  • Toggle: Complete component Toggle (67c94a8)

Performance Improvements

  • useReveal: Reduce redundant rendering with useCallback (05f56c0)