npm.io
2.0.22 • Published 9 years ago

apeman-react-field

Licence
MIT
Version
2.0.22
Deps
4
Vulns
0
Weekly
0

apeman-react-field

Build Status Code Climate Code Coverage npm Version JS Standard

apeman react package for field components.

Installation

$ npm install apeman-react-field --save

Demo

Live demo is hosted on GitHub Pages.

Demo Image

Usage

'use strict'

import React from 'react'
import {ApField, ApFieldSet, ApFieldLegend, ApFieldLabel, ApFieldValue, ApFieldStyle} from 'apeman-react-field'

import {ApText, ApTextStyle} from 'apeman-react-basic'
import {ApPassword, ApPasswordStyle} from 'apeman-react-basic'

const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApFieldStyle />
        <ApTextStyle />
        <ApPasswordStyle />
        <ApFieldSet>
          <ApFieldLegend>Login Form</ApFieldLegend>
          <ApField>
            <ApFieldLabel>Username</ApFieldLabel>
            <ApFieldValue><ApText /></ApFieldValue>
          </ApField>
          <ApField>
            <ApFieldLabel>Password</ApFieldLabel>
            <ApFieldValue><ApPassword/></ApFieldValue>
          </ApField>
        </ApFieldSet>
      </div>
    )
  }
})

Components

ApFieldLabel

Props

Name Type Default Description
ApFieldLegend

Props

Name Type Default Description
ApFieldSet

Props

Name Type Default Description
ApFieldStyle

Props

Name Type Default Description
ApFieldValue

Props

Name Type Default Description
ApField

Props

Name Type Default Description

License

This software is released under the MIT License.

Keywords