Themes
Supported Themes
Jedison supports multiple CSS frameworks through its theme system, allowing you to maintain consistent styling with your application's design system.
Bootstrap 5
Full support for Bootstrap 5 form styling: new Jedison.ThemeBootstrap5()
Example
const jedison = new Jedison.Create({
"schema": {
"title": "Person",
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "The person's name."
},
"age": {
"description": "Age in years which must be equal to or greater than zero.",
"type": "integer",
"minimum": 0
}
}
}
})Bootstrap 4
Full support for Bootstrap 4 form styling: new Jedison.ThemeBootstrap4()
Example
const jedison = new Jedison.Create({
"schema": {
"title": "Person",
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "The person's name."
},
"age": {
"description": "Age in years which must be equal to or greater than zero.",
"type": "integer",
"minimum": 0
}
}
}
})Bootstrap 3
Full support for Bootstrap 3 form styling: new Jedison.ThemeBootstrap3()
Example
const jedison = new Jedison.Create({
"schema": {
"title": "Person",
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "The person's name."
},
"age": {
"description": "Age in years which must be equal to or greater than zero.",
"type": "integer",
"minimum": 0
}
}
}
})Default Theme
Basic unstyled theme that provides minimal structure: new Jedison.Theme()
Example
const jedison = new Jedison.Create({
"schema": {
"title": "Person",
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "The person's name."
},
"age": {
"description": "Age in years which must be equal to or greater than zero.",
"type": "integer",
"minimum": 0
}
}
}
})