react-native-ui-lib
Version:
<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a
34 lines (33 loc) • 1.59 kB
TypeScript
import React, { Component } from 'react';
import WizardStep from './WizardStep';
import { WizardProps, WizardStepProps, WizardStepStates, WizardStepConfig, WizardStepsConfig } from './types';
export { WizardProps, WizardStepProps, WizardStepStates, WizardStepConfig, WizardStepsConfig };
interface State {
maxWidth: number;
}
/**
* @description: Wizard Component: a wizard presents a series of steps in prescribed order
* that the user needs to complete in order to accomplish a goal (e.g. purchase a product).
*
* @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/WizardScreen.tsx
* @notes: Use Wizard with nested Wizard.Step(s) to achieve the desired result.
* @gif: https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Wizard/Wizard.gif?raw=true
* @image: https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Wizard/WizardPresets.png?raw=true
*/
declare class Wizard extends Component<WizardProps, State> {
static displayName: string;
static Step: typeof WizardStep;
static States: typeof WizardStepStates;
private dimensionsChangeListener;
constructor(props: WizardProps);
componentDidMount(): void;
componentWillUnmount(): void;
onOrientationChange: () => void;
getMaxWidth(): number;
renderChildren(): React.DetailedReactHTMLElement<any, HTMLElement>[] | null | undefined;
render(): JSX.Element;
}
declare const _default: React.ComponentClass<WizardProps & {
useCustomTheme?: boolean | undefined;
}, any> & typeof Wizard;
export default _default;