DEV Community

Discussion on: Build Windows native like ui apps using react-windows-ui

View post

Replies for: hi sir I check that, and that was so great. It is awesome. But I didn't get how to use RTL feature. Could you please add an option to it like "D...

 
virtualvivek profile image
Vivek Verma •

Hi @fazli596 ,
Thanks for appreciating the efforts !

How to use RTL

Add react-windows-ui-rtl.min.css at your index.js / index.ts :

import 'react-windows-ui/config/app-config.css'
import 'react-windows-ui/dist/react-windows-ui.min.css'
import 'react-windows-ui/dist/react-windows-ui-rtl.min.css' // add this here
import 'react-windows-ui/icons/fonts/fonts.min.css'
Enter fullscreen mode Exit fullscreen mode

OR

If you are planning to add RTL with some condition use like this: 

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'

if( someCondition ) {
    require('react-windows-ui/dist/react-windows-ui-rtl.min.css');
}
Enter fullscreen mode Exit fullscreen mode

For Day - Night Theme Switching use 

import { SwitchDayNight } from 'react-windows-ui'

render (
  <>
     <SwitchDayNight />
  </>
)
Enter fullscreen mode Exit fullscreen mode

or otherwise i will add full implementation using predefined functions and other stuff regarding theming in the demo soon.

Thread Thread
 
fazli596 profile image
fazli596 •

ok,
let me check it and then I will let you know if there is any problem.
Thank you so much.

Thread Thread
 
ehsanullahqaderi profile image
EhsanullahQaderi •

Thank you I checked that, was really awesome.