Enhances Compose HTML projects with predefined Bootstrap functions and icon support. Facilitates SCSS integration for styling customization, simplifying frontend development with Bootstrap's styling capabilities.
Predefined Bootstrap functions to use in Compose HTML
This package is uploaded to MavenCentral.
repositories {
mavenCentral()
}
kotlin {
js {
browser {
binaries.executable()
useESModules()
commonWebpackConfig {
scssSupport {
enabled = true
}
}
}
compilerOptions {
target = "es2015"
}
}
}
dependencies {
implementation("app.softwork:bootstrap-compose:LATEST")
implementation("app.softwork:bootstrap-compose-icons:LATEST") // for icons support
}Include your scss file (e.g. custom.scss) in your resources folder:
// Variable overrides first
$primary: #900;
// Then import Bootstrap
@import "bootstrap/scss/bootstrap";
and load it in your main method.
@JsModule("./custom.scss")
@JsNonModule
private external val customSCSS: dynamic
fun main() {
customSCSS
}Predefined Bootstrap functions to use in Compose HTML
This package is uploaded to MavenCentral.
repositories {
mavenCentral()
}
kotlin {
js {
browser {
binaries.executable()
useESModules()
commonWebpackConfig {
scssSupport {
enabled = true
}
}
}
compilerOptions {
target = "es2015"
}
}
}
dependencies {
implementation("app.softwork:bootstrap-compose:LATEST")
implementation("app.softwork:bootstrap-compose-icons:LATEST") // for icons support
}Include your scss file (e.g. custom.scss) in your resources folder:
// Variable overrides first
$primary: #900;
// Then import Bootstrap
@import "bootstrap/scss/bootstrap";
and load it in your main method.
@JsModule("./custom.scss")
@JsNonModule
private external val customSCSS: dynamic
fun main() {
customSCSS
}