Sha256: 3bf8ccf61db0df02bb889ef6d26473a5aede89f6657bacb966fa95077f7bd6cb
Contents?: true
Size: 1.31 KB
Versions: 186
Compression:
Stored size: 1.31 KB
Contents
import React, { useState } from 'react'
import ProgressStep from '../_progress_step.jsx'
import ProgressStepItem from '../_progress_step_item'
import Caption from '../../pb_caption/_caption'
import Button from '../../pb_button/_button'
const ProgressStepTrackerClickEvents = (props) => {
const [warning, setWarning] = useState(false)
const showWarning = warning == true
const WarningIcon = (
<ProgressStepItem
icon="exclamation-triangle"
key={Math.random()}
status="active"
>
<Caption>{'Shipped'}</Caption>
</ProgressStepItem>
)
const CheckedIcon = (
<ProgressStepItem
key={Math.random()}
status="active"
>
<Caption>{'Shipped'}</Caption>
</ProgressStepItem>
)
return (
<div>
<Button onClick={() => setWarning(!warning)}>{'Toggle State'}</Button>
<br />
<br />
<br />
<ProgressStep
icon
variant="tracker"
{...props}
>
<ProgressStepItem status="complete">
<Caption>{'Ordered'}</Caption>
</ProgressStepItem>
{showWarning ? WarningIcon : CheckedIcon}
<ProgressStepItem status="inactive">
<Caption>{'Delivered'}</Caption>
</ProgressStepItem>
</ProgressStep>
</div>
)
}
export default ProgressStepTrackerClickEvents
Version data entries
186 entries across 186 versions & 1 rubygems