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: about 1 month 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.

• Host: GitHub
• URL: https://github.com/mdbootstrap/react-survey-form
• Owner: mdbootstrap
• License: other
• Created: 2022-08-25T09:14:28.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-08-26T07:40:56.000Z (over 3 years ago)
• Last Synced: 2025-01-06T16:36:29.578Z (about 1 year ago)
• Topics: bootstrap, bootstrap-form, bootstrap-react, bootstrap-template, bootstrap-theme, bootstrap5, css, jsx, react, react-form
• Language: JavaScript
• Homepage: https://mdbootstrap.com/docs/react/extended/bootstrap-survey-form
• Size: 699 KB
• Stars: 0
• Watchers: 5
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: License.pdf

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



React textarea

React address form

React payment forms

React credit card

React forms

React stepper

React cards

React checkbox

React radio

React textarea field