Kotlin/JS bindings and tools for JS UIKit library
Go to file
InsanusMokrassar f1abef9fcd start 0.0.1 and actualize 2021-12-24 01:11:20 +06:00
.github/workflows Initial commit 2021-12-22 13:51:17 +06:00
gradle/wrapper start 0.0.1 and actualize 2021-12-24 01:11:20 +06:00
src start 0.0.1 and actualize 2021-12-24 01:11:20 +06:00
.gitignore start 0.0.1 and actualize 2021-12-24 01:11:20 +06:00
CHANGELOG.md start 0.0.1 and actualize 2021-12-24 01:11:20 +06:00
LICENSE Initial commit 2021-12-22 13:51:17 +06:00
README.md start 0.0.1 and actualize 2021-12-24 01:11:20 +06:00
build.gradle start 0.0.1 and actualize 2021-12-24 01:11:20 +06:00
changelogparser.sh start 0.0.1 and actualize 2021-12-24 01:11:20 +06:00
github_release.gradle start 0.0.1 and actualize 2021-12-24 01:11:20 +06:00
gradle.properties start 0.0.1 and actualize 2021-12-24 01:11:20 +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
publish.gradle start 0.0.1 and actualize 2021-12-24 01:11:20 +06:00
publish.kpsb start 0.0.1 and actualize 2021-12-24 01:11:20 +06:00
settings.gradle start 0.0.1 and actualize 2021-12-24 01:11:20 +06:00

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:jsuikitkotlin:$jsuikitkotlin_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")
    }
}