Bs Stepper
A stepper for Bootstrap 4.x
Overview
bs-stepper is a plugin for Bootstrap 4 that provides a stepper functionality for web developers. It can be used with React and Angular as it is written with VanillaJS, one of the most commonly used JavaScript frameworks.
Features
- Linear stepper: Allows for a step-by-step progression.
- Non-linear stepper: Supports a non-sequential ordering of steps.
- Fade effect with .fade: Provides a fading animation effect for transitions.
- Vertical stepper: Enables a vertical orientation for the stepper.
- Works with Bootstrap 4: Integrates seamlessly with Bootstrap 4 components.
- Accessible: Ensures accessibility for all users.
- No dependencies required: Does not need jQuery or other dependencies.
- Built-in UMD: Can be used universally with Universal Module Definition.
- Lightweight: Only 2kb in size.
Install with npm or yarn
npm install bs-stepper
or
- Angular
Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- GitHub Pages
Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- Rollup
RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.
