Skip to content

Timeline

Timeline displays chronological event feeds.

Usage

TimelineExample.tsx
import { Timeline, TimelineItem, TimelineTitle, TimelineDescription } from '@masumdev/rn-ui';
export function TimelineExample() {
return (
<Timeline>
<TimelineItem active>
<TimelineTitle>v0.1.0 Released</TimelineTitle>
<TimelineDescription>Initial open source release of RN UI.</TimelineDescription>
</TimelineItem>
</Timeline>
);
}

Props API

PropTypeDefaultDescription
childrenReactNodeTimelineItem elements.
activebooleanfalseHighlights active timeline step.