Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mdbootstrap/react-survey-form

React Survey forms built with Bootstrap 5 and HTML. A variety of pre-made surveys, including multiple choice, questionnaire, checkbox survey, modal survey & more.
https://github.com/mdbootstrap/react-survey-form

bootstrap bootstrap-form bootstrap-react bootstrap-template bootstrap-theme bootstrap5 css jsx react react-form

Last synced: 26 days ago
JSON representation

React Survey forms built with Bootstrap 5 and HTML. A variety of pre-made surveys, including multiple choice, questionnaire, checkbox survey, modal survey & more.

Awesome Lists containing this project

README

        

React Survey forms built with Bootstrap 5 and HTML. A variety of pre-made surveys, including multiple choice, questionnaire, checkbox survey, modal survey & more.

Check out [Bootstrap Survey forms Documentation](https://mdbootstrap.com/docs/react/extended/bootstrap-survey-form/) for detailed instructions & even more examples.

## Basic example

![Bootstrap 5 Survey forms](/assets/basic.png)

```js

```

## How to use?

1. Download MDB React - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples

[React Bootstrap Survey forms #2:
![React Bootstrap 5 Survey forms](/assets/multiple.png)](https://mdbootstrap.com/docs/react/extended/bootstrap-survey-form/#checkbox)

[React Bootstrap Survey forms #3:
![React Bootstrap 5 Survey forms](/assets/card.png)](https://mdbootstrap.com/docs/react/extended/bootstrap-survey-form/#within-a-card)

[React Bootstrap Survey forms #4:
![React Bootstrap 5 Survey forms](/assets/feedback.png)](https://mdbootstrap.com/docs/react/extended/bootstrap-survey-form/#customer-satisfaction)

[React Bootstrap Survey forms #5:
![React Bootstrap 5 Survey forms](/assets/modal.png)](https://mdbootstrap.com/docs/react/extended/bootstrap-survey-form/#modal)

[React Bootstrap Survey forms #6:
![React Bootstrap 5 Survey forms](/assets/rating.png)](https://mdbootstrap.com/docs/react/extended/bootstrap-survey-form/#rating)

[React Bootstrap Survey forms #7:
![React Bootstrap 5 Survey forms](/assets/linear.png)](https://mdbootstrap.com/docs/react/extended/bootstrap-survey-form/#linear)

[React Bootstrap Survey forms #8:
![React Bootstrap 5 Survey forms](/assets/ranking.png)](https://mdbootstrap.com/docs/react/extended/bootstrap-survey-form/#ranking)

[React Bootstrap Survey forms #9:
![React Bootstrap 5 Survey forms](/assets/range.png)](https://mdbootstrap.com/docs/react/extended/bootstrap-survey-form/#steps)

___

## More extended Bootstrap documentation