react-floating-label-textarea

0.0.1 • Public • Published

react-floating-label-textarea

License Downloads minified size minzipped size

npm badge

A floating label component for React. It inherits the font-size from the parent.

react-floating-label-textarea

Try it yourself at the Storybook.

Example

import React from 'react';
import FloatingLabelTextarea from 'react-floating-label-textarea';
 
export default ({ onChange, value }) =>
  <div style={{ fontSize: 64 }}>
    <FloatingLabelTextarea
      id="example-3"
      label="label"
      onBlur={action('onBlur')}
      onChange={action('onChange')}
      onFocus={action('onFocus')}
      value={value}
    />
  </div>;

Props

name optional default
className yes
fontSize yes inherit
id no
label no
onBlur yes
onChange no
onFocus yes
placeholder yes ''
refs yes
type yes text
value yes ''
  • refs is set as ref prop on textarea

Dependencies

Peer dependencies:

  • react
  • styled-components

License

MIT

Package Sidebar

Install

npm i react-floating-label-textarea

Weekly Downloads

2

Version

0.0.1

License

MIT

Unpacked Size

23.7 kB

Total Files

9

Last publish

Collaborators

  • cymen