import SegmentItem from 'cloudify-stage/basic/dataSegment/SegmentItem.js'

public class | source

SegmentItem

Extends:

react~Component → SegmentItem

SegmentItem is a component showing content item for DataSegment component

Access

Stage.Basic.DataSegment.Item

Usage

SegmentItem_0

<DataSegment>

    <DataSegment.Item>
        <h2>SegmentItem 1</h2>
    </DataSegment.Item>

    <DataSegment.Item>
        <h2>SegmentItem 2</h2>
    </DataSegment.Item>

    <DataSegment.Item>
        <h2>SegmentItem 3</h2>
    </DataSegment.Item>

    <DataSegment.Item>
        <h2>SegmentItem 4</h2>
    </DataSegment.Item>

</DataSegment>

Static Member Summary

Static Public Members
public static	propTypes: * propTypes

Static Public Members

public static propTypes: * source

propTypes

Properties:

Name	Type	Attribute	Description
children	object[]		primary content
selected	boolean	optional default: false	specifies if data segment item shall be selected
onClick	Function	optional	specifies function to be called on action click
className	string	optional default: ''	CSS classname