Component prop mode

Prop mode usually use in component Keyboard, used to set keyboard component mode

Value

mode with following value

• lower, Display lower case letters
• upper, Display upper case letters
• special, Display special characters
• number, Display numbers, +/- sign, and decimal dot

Usage

import { Keyboard, Input } from 'lvlgjs-ui'
import { useState, useRef } from 'react'

function Component () {
    const [didMount, setDidMount] = useState(false)
    const ref = useRef()

    useEffect(() => {
        setDidMount(true)
    }, [])

    return (
        <React.Fragment>
            <Input
                ref={ref}  
            />
            {didMount && <Keyboard
                style={style.keyboard}
                textarea={ref.current}
                mode={"number"}
            />}
        </React.Fragment>
    )
}

const style = {
    keyboard: {},
}