Files
ballistic-builder/src/app/components/ui/timeline.tsx

22 lines
731 B
TypeScript
Raw Normal View History

2024-11-20 14:54:05 -05:00
import { Timeline as ChakraTimeline } from "@chakra-ui/react"
import * as React from "react"
export const TimelineConnector = React.forwardRef<
HTMLDivElement,
ChakraTimeline.IndicatorProps
>(function TimelineConnector(props, ref) {
return (
<ChakraTimeline.Connector ref={ref}>
<ChakraTimeline.Separator />
<ChakraTimeline.Indicator {...props} />
</ChakraTimeline.Connector>
)
})
export const TimelineRoot = ChakraTimeline.Root
export const TimelineContent = ChakraTimeline.Content
export const TimelineItem = ChakraTimeline.Item
export const TimelineIndicator = ChakraTimeline.Indicator
export const TimelineTitle = ChakraTimeline.Title
export const TimelineDescription = ChakraTimeline.Description