Comments (3)
@ykptke I pushed 1.7.0 (85eaa12) to master and npm. It has a complete working example in src/examples
You can run it in the browser like so:
- run
npm install
- then run
npm run example
- then go to
http://localhost:8080/webpack-dev-server/src/examples/index.html
in your browser
Hope this helps you.
from react-stepzilla.
@ykptke sorry my example code in the src/examples directory is bad. I will post a better example soon.
But in the Step component, if you need validation then you should expose a isValidated() method that return true (if form input is valid) or false (if form input is not valid).
StepZilla will check for the existence of a isValidated() method is a Step component, if found it then will validate the component before going to the next.
So basically you don't need to access refs.component isValidated() yourself.
Give me a few hours and i'll post a complete example.
from react-stepzilla.
@newbreedofgeek thanks. 👍 I look forward to your example
from react-stepzilla.
Related Issues (20)
- Props to steps HOT 2
- [BUG] stepsNavigation allows you jump past steps that need validation HOT 1
- Module not found: Error: Can't resolve 'promise' in ' HOT 1
- Validation in a functional component (when using React Hooks) HOT 23
- Hide Particular Step in Navigation bar HOT 1
- Separate step-bar and form component HOT 1
- Accessing the typed in info HOT 5
- [BUG] Navigation Bar is plain HTML (No customization) HOT 1
- Hide or Inactivate Steps HOT 2
- The ref is not working, also does not work in case of Redux HOT 1
- Default styling not coming HOT 3
- [Feature] How to make it to have vertical stepper HOT 2
- [BUG] Wrong class applied to progtrckr li HOT 2
- On click UI navigation on top get undefined value HOT 1
- Major Release v7 HOT 1
- [BUG] progtrckr not being added on <li> HOT 2
- Show Navigation step On Load and Show Activated step as selected Node
- [Bug]: Form Validation with formik
- [Request] Upgrade to React 18.2 HOT 2
- save on last step
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-stepzilla.