apeman-react-section

apeman react package for section components.

Usage no npm install needed!

<script type="module">
  import apemanReactSection from 'https://cdn.skypack.dev/apeman-react-section';
</script>

README

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