npm package: @mdbootstrap/react-survey-form
Description: React Survey forms built with Bootstrap 5 and HTML. A variety of pre-made surveys, including multiple choice, questionnaire, checkbox survey, modal survey & more.
Author: MDBootstrap
Latest version: 1.0.0

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

<ul>
<li><a href="https://mdbootstrap.com/docs/react/extended/textarea/">React textarea</a></li>
<li><a href="https://mdbootstrap.com/docs/react/extended/bootstrap-address-form/">React address form</a></li>
<li><a href="https://mdbootstrap.com/docs/react/extended/payment-forms/">React payment forms</a></li>
<li><a href="https://mdbootstrap.com/docs/react/extended/credit-card/">React credit card</a></li>
<li><a href="https://mdbootstrap.com/docs/react/forms/overview/">React forms</a></li>
<li><a href="https://mdbootstrap.com/docs/react/components/stepper/">React stepper</a></li>
<li><a href="https://mdbootstrap.com/docs/react/components/cards/">React cards</a></li>
<li><a href="https://mdbootstrap.com/docs/react/forms/checkbox/">React checkbox</a></li>
<li><a href="https://mdbootstrap.com/docs/react/forms/radio/">React radio</a></li>
<li><a href="https://mdbootstrap.com/docs/react/forms/input-fields/#subsection-textarea">React textarea field</a></li>
</ul>