https://github.com/hfhbd/bootstrap-compose

Predefined Bootstrap functions to use in Compose HTML
https://github.com/hfhbd/bootstrap-compose

bootstrap compose-html

Last synced: about 2 hours ago
JSON representation

Predefined Bootstrap functions to use in Compose HTML

• Host: GitHub
• URL: https://github.com/hfhbd/bootstrap-compose
• Owner: hfhbd
• License: apache-2.0
• Created: 2021-05-31T10:19:38.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-11-14T07:16:09.000Z (5 days ago)
• Last Synced: 2024-11-14T08:20:45.620Z (5 days ago)
• Topics: bootstrap, compose-html
• Language: Kotlin
• Homepage: https://hfhbd.github.io/bootstrap-compose/
• Size: 1.1 MB
• Stars: 63
• Watchers: 4
• Forks: 7
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# bootstrap-compose

Predefined Bootstrap functions to use in [Compose HTML](https://github.com/Jetbrains/compose-jb)

## Install

This package is uploaded to MavenCentral.

```kotlin

repositories {

    mavenCentral()

}

kotlin {

    js {

        browser {

            binaries.executable()

            useCommonJs()

            commonWebpackConfig {

                // Kotlin >= 1.7.20

                scssSupport {

                    enabled = true

                }

                

                // Kotlin <= 1.7.10

                cssSupport.enabled = true

            }

        }

    }

}

dependencies {

    implementation("app.softwork:bootstrap-compose:LATEST")

    implementation("app.softwork:bootstrap-compose-icons:LATEST") // for icons support

    

    implementation(devNpm("sass-loader", "^13.0.0")) // only needed with Kotlin <= 1.7.10

    implementation(devNpm("sass", "^1.52.1")) // only needed with Kotlin <= 1.7.10

}

```

And this `sccs.js` in your `webpack.config.d` (if not present, create this directory at the root of your project) if you use Kotlin <= 1.7.10:

```js

config.module.rules.push({

    test: /\.(scss|sass)$/,

    use: [

        /**

         *  fallback to style-loader in development

         *  "style-loader" creates style nodes from JS strings

         */

        "style-loader",   // translates CSS into CommonJS

        "css-loader",   // translates CSS into CommonJS

        "sass-loader"   // compiles Sass to CSS, using Node Sass by default

    ]

});

```

## SCSS

Include your `scss` file (e.g. `custom.scss`) in your `resources` folder:

````scss

// Variable overrides first

$primary: #900;

// Then import Bootstrap

@import "bootstrap/scss/bootstrap";

````

and load it in your main method.

````kotlin

import app.softwork.bootstrapcompose.require

fun main() {

    require("./custom.scss")

}

````