apeman-react-field

apeman react package for field components.

Installation

$ npm install apeman-react-field --save

Demo

Live demo is hosted on GitHub Pages.

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.

Links

• apeman
• apeman-react-labo
• React