Kotlin/JS bindings and tools for JS UIKit library
Go to file
2023-02-28 12:21:43 +06:00
.github/workflows update github workflows 2023-01-03 18:38:33 +06:00
gradle update dependencies 2023-02-28 12:21:43 +06:00
src add inline support 2023-01-24 18:06:16 +06:00
.gitignore add headerCustomizer to table 2022-01-25 20:13:03 +06:00
build.gradle add dev compose maven 2022-04-29 17:34:10 +06:00
changelog_parser.sh rename changelogparser.sh to changelog_parser.sh 2022-01-12 14:40:45 +06:00
CHANGELOG.md update dependencies 2023-02-28 12:21:43 +06:00
github_release.gradle Update github_release.gradle 2022-07-24 12:09:59 +06:00
gradle.properties start 0.6.0 2023-02-28 12:20:49 +06:00
gradlew Initial commit 2021-12-22 13:51:17 +06:00
gradlew.bat Initial commit 2021-12-22 13:51:17 +06:00
LICENSE Initial commit 2021-12-22 13:51:17 +06:00
local.make_version.sh start 0.0.23 2022-01-25 20:12:48 +06:00
publish.gradle add gitea to the target repositories 2023-01-03 18:40:53 +06:00
publish.kpsb add gitea to the target repositories 2023-01-03 18:40:53 +06:00
README.md Update README.md 2022-01-14 23:32:06 +06:00
settings.gradle rename project 2022-01-12 16:04:08 +06:00

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")
    }
}