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