React Templates & Themes Logo React Templates & Themes
React Albus screenshot

React Albus

Author Avatar Theme by Americanexpress
Updated: 4 Apr 2024
1111 Stars

React component library for building declarative multi-step flows.

Github

Categories

Scss

Overview

React Albus is a React component library used to build declarative multi-step journeys, also known as Wizards. It allows you to define the ordering and content for each step, and manages the journey-related state for you. React Albus is designed to be flexible and can be used with other functionality such as routing, animation, and analytics.

Features

  • Declarative Multi-Step Journeys: Define the ordering and content for each step in a journey.
  • Flexible Composition: Compose functionality such as routing, animation, and analytics based on your needs.
  • Controlled Component: Use the optional step prop on the <Steps> component to make it a controlled component.
  • Context API: Access the context.wizard object provided by <Wizard> anywhere within the wizard tree.

Installation

To install React Albus, you can use npm by running the following command:

npm install react-albus

Summary

React Albus is a React component library that allows you to build multi-step journeys in a declarative way. It provides features such as controlled components, flexible composition, and context API for managing the state of the journey. By integrating with other functionality such as routing, animation, and analytics, React Albus offers a versatile solution for creating wizards in your React applications.