Package Exports

react-windows-ui
react-windows-ui/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-windows-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-windows-ui

Build full featured Windows fluent UI apps using ReactJS.

Explore Project Docs »

Win10 Theme · Win11 Theme

Themes
Windows 10	Windows 11

`import "react-windows-ui.min.css"`	`import "react-windows-ui-11.min.css"`

Status

Getting Started

Install with cra-template to initialize project.

npx create-react-app MyApp --template windows-ui

Boilerplate

Manual Installation

Install either manually into your porject.

See Manual Method

npm install react-windows-ui

// Be sure to include styles at some point, probably during your bootstraping
import "react-windows-ui/config/app-config.css";
import "react-windows-ui/dist/react-windows-ui.min.css";
import "react-windows-ui/icons/fonts/fonts.min.css";

Usage

import { Button, InputText } from "react-windows-ui";

const App = () => (
  <>
    <Button type="primary" value="Press Me" />
    <InputText placeholder="Enter a text" />
  </>
);

Run Demo Locally

git clone https://github.com/virtualvivek/react-windows-ui.git
cd react-windows-ui
npm install
npm start

Quick Links

Here are some useful links.

Find this project useful? ❤️

Support it by joining stargazers for this repository. ⭐

License

react-windows-ui is licensed under MIT license. View license.
Copyright (c) 2021-22 virtualvivek.