fyndiq-component-timeline

Preview

A Timeline Component for Fyndiq

Installation

The component can be installed through NPM:

npm i -S fyndiq-component-timeline

Usage

import React from 'react'
import { Timeline, Event } from 'fyndiq-component-timeline'
import { Truck, Shop } from 'fyndiq-icons'

// Normal usage
<Timeline>
  <Event icon={<Truck />}>
    This package was shipped
  </Event>
  <Event icon={<Bag />}>
    This product was bought <strong>yesterday</strong>
  </Event>
</Timeline>

API

The component Timeline has the following customizable props:

| Name | Type | Description | Default value | |---|---|---|---| | children | Node | Events components | null | | type | String | Change the color theme of the timeline. One of white or black | white |

The component Event has the following customizable props:

| Name | Type | Description | Default value | |---|---|---|---| | children | Node | Text of the event | null | | icon | Element | Icon from fyndiq-icon | null |