React.js Tutorial to Show Arabic Virtual Keyboard Using arabic-virtual-keyboard in Browser Using JSX

geekygautam1997 January 9, 2025No Comments

App.jsx

import React from 'react';

import { ArabicKeyboard as ArabicKeyboardWC } from 'arabic-virtual-keyboard'
import {createComponent} from '@lit/react';

const ArabicKeyboard = createComponent({
  tagName: 'arabic-keyboard',
  elementClass: ArabicKeyboardWC,
  react: React,
});

function App() {
  return (
    <div>
      <ArabicKeyboard showEnglishValue="true" showShiftedValue="true"></ArabicKeyboard>
    </div>
  )
}

export default App

import React from 'react';

import { ArabicKeyboard as ArabicKeyboardWC } from 'arabic-virtual-keyboard'

import {createComponent} from '@lit/react';

const ArabicKeyboard = createComponent({

tagName: 'arabic-keyboard',

elementClass: ArabicKeyboardWC,

react: React,

});

function App() {

return (

<div>

</div>

)

}

export default App

geekygautam1997

View All Posts

Comments

No comments yet. Why don’t you start the discussion?

React.js Tutorial to Show Arabic Virtual Keyboard Using arabic-virtual-keyboard in Browser Using JSX

Comments

Leave a Reply Cancel reply

Archives