text-area-with-line-number
Version:
textarea with line numbers
31 lines (25 loc) • 2.08 kB
Markdown
# text-area-with-line-number
## Usage
```React
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 for`text-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` | |