apeman-react-section

apeman react package for section components.

Installation

$ npm install apeman-react-section --save

Demo

Live demo is hosted on GitHub Pages.

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' | | Icon class name for anchor | | anchored | bool | | | Show anchor | | lined | bool | | | Show line under header text |

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

• apeman
• apeman-react-labo
• React