Sha256: 1ffd47b37d9918bbf2d16ea258602927e61680ef25453406dfab4760ae1e3d6d
Contents?: true
Size: 954 Bytes
Versions: 192
Compression:
Stored size: 954 Bytes
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import TimelineItem from './_item.jsx'
import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
type TimelineProps = {
aria?: object,
children?: array<React.ReactChild>,
className?: string,
data?: string,
id?: string,
orientation?: string,
showDate?: boolean,
}
const Timeline = ({
aria = {},
className,
children,
data = {},
orientation = 'horizontal',
showDate = false,
}: TimelineProps) => {
const ariaProps = buildAriaProps(aria)
const dataProps = buildDataProps(data)
const dateStyle = showDate === true ? '_with_date' : ''
const timelineCss = buildCss('pb_timeline_kit', `_${orientation}`, dateStyle)
return (
<div
{...ariaProps}
{...dataProps}
className={classnames(timelineCss, className)}
>
{children}
</div>
)
}
Timeline.Item = TimelineItem
export default Timeline
Version data entries
192 entries across 192 versions & 1 rubygems