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

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.1.0
    253
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 1.1.0
    253

Package Sidebar

Install

npm i text-area-with-line-number

Weekly Downloads

253

Version

1.1.0

License

MIT

Unpacked Size

15.2 kB

Total Files

7

Last publish

Collaborators

  • hamayun-shahid