@axa-fr/react-toolkit-form-steps
Version:
1. [Installation](#installation) 2. [Old Design Steps](#old-design-steps) 3. [New Design Steps](#new-design-steps)
11 lines (10 loc) • 717 B
JavaScript
import React from 'react';
import StepBase from './StepBase';
const StepLink = ({ id, href, number, title, className = 'past af-steps-list-step', onClick, ...otherProps }) => (React.createElement(StepBase, { id: id, className: `${className} ${number ? 'number' : ''}`, title: title, ...otherProps },
React.createElement("a", { className: "af-steps-list-stepLabel", href: href, onClick: (e) => {
e.preventDefault();
onClick && onClick({ href, id, title, number });
} },
!!number && React.createElement("div", { className: "af-steps-list-stepNumber" }, number),
React.createElement("div", { className: "af-steps-list-stepTitle" }, title))));
export default StepLink;