Sha256: 93a541c1aead8b3e12961ee042a49b751a44f3165f0685ae22967359c9933bfd
Contents?: true
Size: 1.31 KB
Versions: 1733
Compression:
Stored size: 1.31 KB
Contents
import React, { useState } from 'react'
import ProgressStep from '../_progress_step.tsx'
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
1,733 entries across 1,733 versions & 2 rubygems