react-windows-ui
Build full featured Windows fluent UI apps using ReactJS.
Status
<img src="https://img.shields.io/circleci/build/github/virtualvivek/react-windows-ui?style=flat-square&logo=circleci&token=6fe7637a17a269e8b002b11474d70c9d25c71f30" alt="Build" />
<img src="https://img.shields.io/badge/License-MIT-darklime.svg?style=flat-square&color=blue" alt="License: MIT" />
<a href="https://www.npmjs.com/package/react-windows-ui">
<img src="https://img.shields.io/github/package-json/v/virtualvivek/react-windows-ui?style=flat-square&color=CB3837&logo=npm&logoColor=ffffff&label=npm"
alt="npm" />
<br/>
<img src="https://img.shields.io/github/size/virtualvivek/react-windows-ui/src/lib/dist/react-windows-ui.min.css?style=flat-square&color=1572B6&logo=css3&logoColor=ffffff&label=react-windows-ui.min.css" alt="react-windows-ui.min.css" />
Features
- Provides Native feel Windows UI Controls.
- Comparably small CSS file size.
- Cleaner HTML.
- Works with any Routing Library.
Works with
Getting Started
```ruby
npm install react-windows-ui
```
```js
// 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/winui-icons.min.css";
```
🚀 See App.js
code & more »
Usage
```js
import { Button, InputText } from "react-windows-ui";
const App = () => (
<>
<Button type="primary" value="Press Me" />
<InputText placeholder="Enter a text" />
</>
);
```
Run Locally
```html
git clone https://github.com/virtualvivek/react-windows-ui.git
cd react-windows-ui
npm install
npm start
```
Find this project useful? :heart:
Support it by joining stargazers for this repository. :star:
License
react-windows-ui
is licensed under MIT license
. View license.Copyright (c) 2021-22 virtualvivek.