https://github.com/micheljung/suirwik

Suirwik - a Semantic UI React wrapper written in Kotlin
https://github.com/micheljung/suirwik

Last synced: 10 days ago
JSON representation

Suirwik - a Semantic UI React wrapper written in Kotlin

• Host: GitHub
• URL: https://github.com/micheljung/suirwik
• Owner: micheljung
• License: mit
• Created: 2021-03-11T17:47:06.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-03-24T19:32:37.000Z (almost 4 years ago)
• Last Synced: 2024-12-22T18:55:29.555Z (12 days ago)
• Language: Kotlin
• Homepage:
• Size: 156 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Kotlin JS wrapper for Semantic UI

Kotlin wrapper library to use [Semantic UI React](https://react.semantic-ui.com) in Kotlin JS project.

Inspired by [Muirwik](https://github.com/cfnz/muirwik) and forked from [semantic-ui-kotlin-wrapper](https://github.com/underlow/semantic-ui-kotlin-wrapper)

This is Proof of Concept. Be careful using it. Feel free to submit tickets or pull requests. 

***Usage*** 

- Build 

  -  by `gradle build` 

  -  Add jar file to your project

- OR use maven

  - add [https://jitpack.io](https://jitpack.io) to list of maven repositories (see docs on [https://jitpack.io](https://jitpack.io)

  - add `compile "com.github.underlow:semantic-ui-kotlin-wrapper:master-SNAPSHOT"` to `build.gradle`

- Add semantic ui react npm package, usually that means add **"semantic-ui-react": "^0.82.1"** to **package.json**

- Try somthing like 

```kotlin

class LoginComponent : RComponent() {

    override fun RBuilder.render() {

        Button {

            attrs {

                fluid = true

                color = "teal"

                size = "large"

            }

            +"Login"

        }

    }

}

```