@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
24 lines (23 loc) • 1.14 kB
JavaScript
'use client';
import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
* A component that represents a logical step as part of the `Wizard`.
* It is meant to aggregate arbitrary HTML elements that form the content of a single step.
*
* ### Structure
*
* - Each wizard step has arbitrary content.
* - Each wizard step might have texts - defined by the `titleText` and `subtitleText` properties.
* - Each wizard step might have an icon - defined by the `icon` property.
* - Each wizard step might display a number in place of the `icon`, when it's missing.
*
* ### Usage
* The `WizardStep` component should be used only as slot of the `Wizard` component
* and should not be used standalone.
*
* __Note:__ This is a UI5 Web Component! [WizardStep UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/WizardStep) | [Repository](https://github.com/UI5/webcomponents)
* @abstract
*/
const WizardStep = withWebComponent('ui5-wizard-step', ['icon', 'subtitleText', 'titleText'], ['branching', 'disabled', 'selected'], [], []);
WizardStep.displayName = 'WizardStep';
export { WizardStep };