apeman-react-field

2.0.22 • Public • Published

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.

Links

Package Sidebar

Install

npm i apeman-react-field

Weekly Downloads

6

Version

2.0.22

License

MIT

Last publish

Collaborators

  • okunishinishi