Sha256: 558974c2e39846d2cb23438509432041e2f0647e46a8efd711b3ae534ae67361
Contents?: true
Size: 1.28 KB
Versions: 51
Compression:
Stored size: 1.28 KB
Contents
import React from 'react' import classnames from 'classnames' import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props' import { GlobalProps, globalProps } from '../utilities/globalProps' import TimelineItem from './_item' type TimelineProps = { aria?: { [key: string]: string }, children?: React.ReactChild[] | React.ReactChild, className?: string, data?: { [key: string]: string }, htmlOptions?: {[key: string]: string | number | boolean | (() => void)}, id?: string, orientation?: string, showDate?: boolean, } & GlobalProps const Timeline = ({ aria = {}, className, children, data = {}, htmlOptions = {}, id, orientation = 'horizontal', showDate = false, ...props }: TimelineProps) => { const ariaProps = buildAriaProps(aria) const dataProps = buildDataProps(data) const htmlProps = buildHtmlProps(htmlOptions) const dateStyle = showDate === true ? '_with_date' : '' const timelineCss = buildCss('pb_timeline_kit', `_${orientation}`, dateStyle) return ( <div {...ariaProps} {...dataProps} {...htmlProps} className={classnames(timelineCss, globalProps(props), className)} id={id} > {children} </div> ) } Timeline.Item = TimelineItem export default Timeline
Version data entries
51 entries across 51 versions & 1 rubygems