Kotlin/JS bindings and tools for JS UIKit library
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
InsanusMokrassar 7c81cea8af
Merge pull request #77 from InsanusMokrassar/0.5.2
2 days ago
.github/workflows update github workflows 4 weeks ago
gradle Update libs.versions.toml 1 month ago
src add inline support 4 days ago
.gitignore add headerCustomizer to table 1 year ago
CHANGELOG.md Update CHANGELOG.md 2 days ago
LICENSE Initial commit 1 year ago
README.md Update README.md 1 year ago
build.gradle add dev compose maven 9 months ago
changelog_parser.sh rename changelogparser.sh to changelog_parser.sh 1 year ago
github_release.gradle Update github_release.gradle 6 months ago
gradle.properties start 0.5.2 5 days ago
gradlew Initial commit 1 year ago
gradlew.bat Initial commit 1 year ago
local.make_version.sh start 0.0.23 1 year ago
publish.gradle add gitea to the target repositories 4 weeks ago
publish.kpsb add gitea to the target repositories 4 weeks ago
settings.gradle rename project 1 year ago

README.md

JSUIKit Kotlin

Hello :) This library is a wrapper for JavaScript/CSS UIKit framework. It uses the same structure as in UIKit Docs and in most cases you may use it.

The main target of this wrapper is a JetBrains Compose JS and will be useful for you in case you are using it too.

How to include

Last version: Maven Central

implementation "dev.inmo:kjsuikit:$kjsuikit_version"

THIS LIBRARY DO NOT ADD ANY JS OR CSS. So, you must download and include UIKit js/css by yourself. See UIKit installation instructions

How to use

In this library there are two main entities:

  • Builder functions - buttons, spinners, icons, grids, etc.
  • Modifiers - UIKitAlign, UIKitAnimation, etc.

For example, if you want to add table in your html, you will use next code:

DefaultTable(
    listOf("Heading 1", "Heading 2", "Heading 3"),
    data, // SnapshotStateList<T>
    UIKitTable.Divider // modifier, add dividers
) { i, item -> // i - number of heading, item - item from data; composable callback
    when (i) {
        0 -> Text(item.toString())
        1 -> Text("data 2")
        2 -> Text("data 3")
    }
}