Sha256: bdbd4e6492b689c0eebbaefd4b79d50396a40702a2cc01ab5950838ba50a36f4
Contents?: true
Size: 1.26 KB
Versions: 117
Compression:
Stored size: 1.26 KB
Contents
import React, { useState } from 'react'
import ProgressStep from '../_progress_step.jsx'
import ProgressStepItem from '../_progress_step_item.jsx'
import { Button, Caption } from '../../'
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
117 entries across 117 versions & 1 rubygems