JSPM

@formio/bootstrap

3.2.0-rc.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 15758
  • Score
    100M100P100Q134369F
  • License MIT

Bootstrap templates for Form.io forms

Package Exports

  • @formio/bootstrap
  • @formio/bootstrap/bootstrap3
  • @formio/bootstrap/bootstrap4
  • @formio/bootstrap/bootstrap5
  • @formio/bootstrap/components

Readme

Form.io Bootstrap Templates

This repository will change the rendering of forms in formio.js so that it uses html and classes compatible with Bootstrap 3 and Bootstrap 4 framework.

Using Bootstrap 3

import bootstrap3 from '@formio/bootstrap/bootstrap3';
import { Formio } from 'formiojs';
Formio.use(bootstrap3);

Using Bootstrap 4

import bootstrap4 from '@formio/bootstrap/bootstrap4';
import { Formio } from 'formiojs';
Formio.use(bootstrap4);

Using Bootstrap 5

import bootstrap5 from '@formio/bootstrap/bootstrap5';
import { Formio } from 'formiojs';
Formio.use(bootstrap5);

Script

Formio.Templates.framework = "bootstrap3"

If icon is not show

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script>
  Formio.icons = "fontawesome"
</script>