{"id":21010919,"url":"https://github.com/hfhbd/bootstrap-compose","last_synced_at":"2025-04-07T11:08:04.692Z","repository":{"id":37269164,"uuid":"372465451","full_name":"hfhbd/bootstrap-compose","owner":"hfhbd","description":"Predefined Bootstrap functions to use in Compose HTML","archived":false,"fork":false,"pushed_at":"2025-03-21T07:49:09.000Z","size":1157,"stargazers_count":69,"open_issues_count":20,"forks_count":7,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-03-31T10:03:12.266Z","etag":null,"topics":["bootstrap","compose-html"],"latest_commit_sha":null,"homepage":"https://hfhbd.github.io/bootstrap-compose/","language":"Kotlin","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hfhbd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"hfhbd"}},"created_at":"2021-05-31T10:19:38.000Z","updated_at":"2025-03-31T09:54:17.000Z","dependencies_parsed_at":"2023-12-18T08:29:39.309Z","dependency_job_id":"3eb1645e-7944-4715-80c2-7cd605b8d20c","html_url":"https://github.com/hfhbd/bootstrap-compose","commit_stats":null,"previous_names":[],"tags_count":71,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hfhbd%2Fbootstrap-compose","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hfhbd%2Fbootstrap-compose/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hfhbd%2Fbootstrap-compose/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hfhbd%2Fbootstrap-compose/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hfhbd","download_url":"https://codeload.github.com/hfhbd/bootstrap-compose/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247640463,"owners_count":20971557,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","compose-html"],"created_at":"2024-11-19T09:24:30.226Z","updated_at":"2025-04-07T11:08:04.672Z","avatar_url":"https://github.com/hfhbd.png","language":"Kotlin","readme":"# bootstrap-compose\n\nPredefined Bootstrap functions to use in [Compose HTML](https://github.com/Jetbrains/compose-jb)\n\n## Install\n\nThis package is uploaded to MavenCentral.\n\n```kotlin\nrepositories {\n    mavenCentral()\n}\n\nkotlin {\n    js {\n        browser {\n            binaries.executable()\n            useCommonJs()\n            commonWebpackConfig {\n                // Kotlin \u003e= 1.7.20\n                scssSupport {\n                    enabled = true\n                }\n                \n                // Kotlin \u003c= 1.7.10\n                cssSupport.enabled = true\n            }\n        }\n    }\n}\n\ndependencies {\n    implementation(\"app.softwork:bootstrap-compose:LATEST\")\n    implementation(\"app.softwork:bootstrap-compose-icons:LATEST\") // for icons support\n    \n    implementation(devNpm(\"sass-loader\", \"^13.0.0\")) // only needed with Kotlin \u003c= 1.7.10\n    implementation(devNpm(\"sass\", \"^1.52.1\")) // only needed with Kotlin \u003c= 1.7.10\n}\n```\n\nAnd this `sccs.js` in your `webpack.config.d` (if not present, create this directory at the root of your project) if you use Kotlin \u003c= 1.7.10:\n\n```js\nconfig.module.rules.push({\n    test: /\\.(scss|sass)$/,\n    use: [\n        /**\n         *  fallback to style-loader in development\n         *  \"style-loader\" creates style nodes from JS strings\n         */\n        \"style-loader\",   // translates CSS into CommonJS\n        \"css-loader\",   // translates CSS into CommonJS\n        \"sass-loader\"   // compiles Sass to CSS, using Node Sass by default\n    ]\n});\n```\n\n## SCSS\n\nInclude your `scss` file (e.g. `custom.scss`) in your `resources` folder:\n\n````scss\n// Variable overrides first\n$primary: #900;\n\n// Then import Bootstrap\n@import \"bootstrap/scss/bootstrap\";\n\n````\n\nand load it in your main method.\n\n````kotlin\nimport app.softwork.bootstrapcompose.require\n\nfun main() {\n    require(\"./custom.scss\")\n}\n````\n","funding_links":["https://github.com/sponsors/hfhbd"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhfhbd%2Fbootstrap-compose","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhfhbd%2Fbootstrap-compose","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhfhbd%2Fbootstrap-compose/lists"}