text-area-with-line-number

    1.1.0 • Public • Published

    text-area-with-line-number

    Usage

    import TextAreaWithLineNumber from 'text-area-with-line-number';
    
     <TextAreaWithLineNumber />
    

    Props

    Prop Description Default
    onChange function to be called on onChange event
    value in order to bind value for text-area
    placeholder placeholder fortext-area input your text here
    lineNumberBackground to set background of line-numbers div #fff
    textAreaBackgroundColor to set background of text-area div #fff
    lineNumberTextColor to set font color of line-number #000
    textAreaTextColor to set font color of text-area #000
    border border between line-numbers and text-area 1px solid #ddd
    height height of the whole component 30vh
    textAreaFontSize font size for text area 1rem
    lineNumberFontSize font size for line-numbers 1rem
    scrollbarWidth text-area height overflow scrollbar width 6px
    scrollbarTrackColor text-area height overflow scrollbar track color transparent
    srollbarThumbColor text-area height overflow scrollbar thumb color #888
    textAreaFontFamily font family for text-area
    lineNumberFontFamily font family for line-numbers

    Install

    npm i text-area-with-line-number

    DownloadsWeekly Downloads

    6

    Version

    1.1.0

    License

    MIT

    Unpacked Size

    15.2 kB

    Total Files

    7

    Last publish

    Collaborators

    • hamayun-shahid