apeman-react-section

3.0.4 • Public • Published

apeman-react-section

Build Status Code Climate Code Coverage npm Version JS Standard

apeman react package for section components.

Installation

$ npm install apeman-react-section --save

Demo

Live demo is hosted on GitHub Pages.

Demo Image

Usage

'use strict'
 
import React from 'react'
import {ApSection, ApSectionHeader, ApSectionBody, ApSectionStyle} from 'apeman-react-section'
 
const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApSectionStyle/>
        <ApSection>
          <ApSectionHeader anchored={ true }>This is header of the section.</ApSectionHeader>
          <ApSectionBody>This is content of the section.</ApSectionBody>
        </ApSection>
        <ApSection>
          <ApSectionHeader>This is header of the section.</ApSectionHeader>
          <ApSectionBody>This is content of the section.</ApSectionBody>
        </ApSection>
      </div>
    )
  }
})
 

Components

ApSectionBody

Props

Name Type Default Description

ApSectionHeaderButton

Props

Name Type Default Description
icon string null
text string null

ApSectionHeader

Props

Name Type Default Description
anchorIcon string 'ion ion-link'
anchored bool
lined bool

ApSectionStyle

Props

Name Type Default Description
style object {}
captionColor ApStyle.CAPTION_COLOR
captionBorderColor ApStyle.CAPTION_BORDER_COLOR
highlightColor ApStyle.DEFAULT_HIGHLIGHT_COLOR

ApSection

Props

Name Type Default Description
id string `ap-section-${uuid.v4()}`

License

This software is released under the MIT License.

Links

Package Sidebar

Install

npm i apeman-react-section

Weekly Downloads

3

Version

3.0.4

License

MIT

Last publish

Collaborators

  • okunishinishi