Kotlin/JS bindings and tools for JS UIKit library
Go to file
InsanusMokrassar a48de4e095
Merge pull request #87 from InsanusMokrassar/0.7.6
0.7.6
2024-03-17 14:18:28 +06:00
.github/workflows update github workflows 2023-01-03 18:38:33 +06:00
gradle update dependencies 2024-03-17 14:17:19 +06:00
src improvements 2023-06-19 16:42:41 +06:00
.gitignore add headerCustomizer to table 2022-01-25 20:13:03 +06:00
CHANGELOG.md update dependencies 2024-03-17 14:17:19 +06:00
LICENSE Initial commit 2021-12-22 13:51:17 +06:00
README.md Update README.md 2022-01-14 23:32:06 +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
github_release.gradle update dependencies 2024-03-13 11:48:35 +06:00
gradle.properties start 0.7.6 2024-03-17 14:16:26 +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
local.make_version.sh start 0.0.23 2022-01-25 20:12:48 +06:00
publish.gradle improve of publishing scripts 2024-03-13 11:55:13 +06:00
publish.kpsb improve of publishing scripts 2024-03-13 11:55:13 +06:00
settings.gradle update gradle wrapper 2023-11-02 22:27:15 +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: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")
    }
}