Share your code. Components are building blocks, you are the architect.

reactstrap/form-text
v0.0.1
0.0.1
MIT
PUBLIC
0
5     DEPENDENCIES
Build: pass
BuildPass
Build Status: pass

Form Text

Gravatar for undefined
reactstrap
Contributors
Gravatar for undefined
4

Please configure Bit as a scoped registry to install components with NPM.Learn more

npm config set '@bit:registry' https://node.bitsrc.io
Use reactstrap/form-text in your project
npm i @bit/reactstrap.reactstrap.reactstrap.form-text
Copied

formText ()

Form Text

Example

import React from 'react';
import { Form, FormGroup, Label, Input, FormFeedback, FormText } from 'reactstrap';

export default class Example extends React.Component {
  render() {
    return (
      <Form>
        <FormGroup color="success">
          <Label for="exampleEmail">Input with success</Label>
          <Input state="success" />
          <FormFeedback>Success! You did it!</FormFeedback>
          <FormText color="muted">Example help text that remains unchanged.</FormText>
        </FormGroup>
        <FormGroup color="warning">
          <Label for="examplePassword">Input with warning</Label>
          <Input state="warning" />
          <FormFeedback>Whoops, check your formatting and try again.</FormFeedback>
          <FormText color="muted">Example help text that remains unchanged.</FormText>
        </FormGroup>
        <FormGroup color="danger">
          <Label for="examplePassword">Input with danger</Label>
          <Input state="danger" />
          <FormFeedback>Oh noes! that name is already taken</FormFeedback>
          <FormText color="muted">Example help text that remains unchanged.</FormText>
        </FormGroup>
      </Form>
    );
  }
}

Test Summary


should render with "form" tagPass
should render childrenPass
should render with "form-text" class when not inlinePass
should not render with "form-text" class when inlinePass
should render with "text-${color}" class when color is providedPass
should render additional classesPass
should render custom tagPass