{"id":46930,"library":"angular-schema-form-bootstrap","title":"Angular Schema Form Bootstrap Decorator","description":"Bootstrap 3 decorator for Angular Schema Form, providing a Bootstrap 3 frontend for form rendering. Current stable version is 0.2.0. This is a separate package that replaced the previous built-in Bootstrap decorator in angular-schema-form v0.8.7+. It uses the new builder system, eliminating the need for <bootstrap-decorator> tags. Key differentiator: offers Bootstrap 3 styling for forms built with Angular Schema Form, leveraging the modular decorator architecture. Release cadence is low, tied to angular-schema-form updates.","status":"active","version":"0.2.0","language":"javascript","source_language":"en","source_url":null,"tags":["javascript","angular-schema-form-decorator"],"install":[{"cmd":"npm install angular-schema-form-bootstrap","lang":"bash","label":"npm"},{"cmd":"yarn add angular-schema-form-bootstrap","lang":"bash","label":"yarn"},{"cmd":"pnpm add angular-schema-form-bootstrap","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Core library required for form schema processing","package":"angular-schema-form","optional":false},{"reason":"Peer dependency for AngularJS framework","package":"angular","optional":false}],"imports":[{"note":"This package is a side-effect module; importing it registers the decorator automatically.","wrong":"import { bootstrapDecorator } from 'angular-schema-form-bootstrap'","symbol":"bootstrapDecorator","correct":"import 'angular-schema-form-bootstrap'"},{"note":"CommonJS usage: just require the module without assigning to a variable.","wrong":"const bootstrapDecorator = require('angular-schema-form-bootstrap')","symbol":"default","correct":"require('angular-schema-form-bootstrap')"},{"note":"Module name is 'bootstrap-decorator', not the package name.","wrong":"angular.module('myApp', ['schemaForm', 'angular-schema-form-bootstrap'])","symbol":"angular.module","correct":"angular.module('myApp', ['schemaForm', 'bootstrap-decorator'])"}],"quickstart":{"code":"// Install: npm install angular-schema-form angular-schema-form-bootstrap\n// In HTML, include scripts: angular.min.js, schema-form.min.js, bootstrap-decorator.min.js\nangular.module('myApp', ['schemaForm', 'bootstrap-decorator']);\n// In controller\n$scope.schema = {\n  type: 'object',\n  properties: {\n    name: { type: 'string', title: 'Name' },\n    email: { type: 'string', format: 'email', title: 'Email' },\n    age: { type: 'integer', title: 'Age', minimum: 0 }\n  }\n};\n$scope.form = [\n  { key: 'name' },\n  { key: 'email', type: 'email' },\n  { key: 'age', type: 'number' },\n  { type: 'submit', title: 'Submit' }\n];\n$scope.model = {};\n// In HTML:\n// <form sf-schema=\"schema\" sf-form=\"form\" sf-model=\"model\" sf-decorator=\"bootstrap\"></form>","lang":"javascript","description":"Basic form setup using Angular Schema Form with Bootstrap decorator."},"warnings":[{"fix":"Remove any <bootstrap-decorator> tags from form definitions as the new builder handles decoration automatically.","message":"Removal of <bootstrap-decorator> tags: In v0.2.0+, the form definition should no longer contain <bootstrap-decorator> elements.","severity":"breaking","affected_versions":">=0.2.0"},{"fix":"Consider migrating to Angular (>=2) with a compatible schema form library or using a modern framework.","message":"AngularJS (1.x) end of life: This AngularJS library is built on a deprecated framework.","severity":"deprecated","affected_versions":"*"},{"fix":"Update angular-schema-form to version 0.8.7 or higher.","message":"Required angular-schema-form >= 0.8.7: Older versions of angular-schema-form are not compatible with this decorator package.","severity":"gotcha","affected_versions":"*"}],"env_vars":null,"search_vec":"'0.2.0':25 '3':7,16,61 'angular':1,10,42,67,82,88 'angular-schema-form':41,81 'angular-schema-form-decor':87 'architectur':74 'bootstrap':4,6,15,38,60 'builder':50 'built':36,65 'built-in':35 'cadenc':76 'current':21 'decor':5,8,39,73,91 'differenti':58 'elimin':52 'form':3,12,19,44,64,69,84,90 'frontend':17 'javascript':86 'key':57 'leverag':70 'low':78 'modular':72 'need':54 'new':49 'offer':59 'packag':30 'previous':34 'provid':13 'releas':75 'render':20 'replac':32 'schema':2,11,43,68,83,89 'separ':29 'stabl':22 'style':62 'system':51 'tag':56 'tie':79 'updat':85 'use':47 'v0.8.7':45 'version':23","created_at":"2026-06-07T16:48:38.597920+00:00","updated_at":"2026-06-07T16:48:38.597920+00:00","problems":[{"fix":"Use angular.module('myApp', ['schemaForm', 'bootstrap-decorator']);","cause":"The module name must be 'bootstrap-decorator' exactly, not the npm package name.","error":"Module 'bootstrap-decorator' is not available! You either misspelled the module name or forgot to load it."},{"fix":"Ensure angular-schema-form-bootstrap is loaded and module is included: angular.module('myApp', ['schemaForm', 'bootstrap-decorator']);","cause":"The sf-decorator attribute value must be 'bootstrap' (lowercase) and the correct module must be loaded.","error":"Error: [schemaForm] unknown decorator 'bootstrap'"},{"fix":"Add 'bootstrap-decorator' as a dependency in your main angular module.","cause":"Missing or incorrect dependency injection of the decorator module.","error":"Uncaught TypeError: Cannot read property 'bootstrap' of undefined"}],"ecosystem":"npm","meta_description":null,"install_score":null,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":null,"cli_version":null,"type":"library","homepage":null,"github":null,"docs":null,"changelog":null,"pypi":null,"npm":"angular-schema-form-bootstrap","openapi_spec":null,"status_page":null,"smithery":null,"categories":["ui"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-07","next_check":"2026-09-05","install_tag":null}}