@invisionag/iris-react-section

3.5.2 • Public • Published
import Section from '@invisionag/iris-react-section';

A basic component to structure elements on a page. Section takes a title prop which will be rendered as the sections heading. If title is a string it will be wrapped in <Heading as="h1" />. additionalInfo can be passed and will be rendered between title and children. If additionalInfo was passed, no separator will be rendered. Children will be passed straight through but left-indented.

Usage

<Section title="Heading">
  <p>Lorem ipsum dolor sid amed.</p>
</Heading>

Pass JSX

<Section title={<Heading as="h1">Heading</Heading>}>
  <p>Lorem ipsum dolor sid amed.</p>
</Heading>

additionalInfo

<Section title="Heading" additionalInfo={<span>Some stuff</span>}>
  <p>Lorem ipsum dolor sid amed.</p>
</Heading>

Readme

Keywords

none

Package Sidebar

Install

npm i @invisionag/iris-react-section

Weekly Downloads

27

Version

3.5.2

License

MIT

Unpacked Size

16 kB

Total Files

7

Last publish

Collaborators

  • jj-ivx
  • ivx-github
  • jana_hehr
  • roberter26
  • birgithorn
  • alexj-ivx
  • amft
  • aitortomas
  • yashabfaryal0322
  • nleinich
  • johannesluedke
  • pgotthardt-ivx
  • hrabe
  • plore_ivx
  • patricialieske
  • plaudel
  • mblumtritt
  • sruehlemann
  • brerx
  • mohamedmmahfouz
  • mbrendler
  • jens.zobel
  • cwaider
  • kattelans
  • ftrautmann
  • lutz.peukert
  • fruetel
  • schmitze333
  • csprle
  • beckerei
  • stefan.schiffer
  • ahx
  • cloudwaechter
  • tobias
  • alexmarold
  • t_klepzig
  • susahope
  • mwannewitz
  • ivx-circle-ci
  • yichang
  • ivx-jenkins