Kotlin/JS bindings and tools for JS UIKit library
Go to file
2022-11-08 07:53:42 +06:00
.github/workflows update workflows 2022-08-04 17:22:33 +06:00
gradle Update gradle-wrapper.properties 2022-11-08 07:53:42 +06:00
src Drop component and Navbar improvements 2022-09-14 13:54:48 +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 Drop component and Navbar improvements 2022-09-14 13:54:48 +06:00
github_release.gradle Update github_release.gradle 2022-07-24 12:09:59 +06:00
gradle.properties start 0.4.0 2022-11-08 07:51:48 +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 now project is multiplatform and correctly working 2022-01-13 19:56:39 +06:00
publish.kpsb now project is multiplatform and correctly working 2022-01-13 19:56:39 +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")
    }
}