diff options
author | Robert Jaros <rjaros@finn.pl> | 2019-10-14 17:35:39 +0200 |
---|---|---|
committer | Robert Jaros <rjaros@finn.pl> | 2019-10-14 17:35:39 +0200 |
commit | 1830797fbe4a7fda6958b4a13d46acf121a5288d (patch) | |
tree | 51a49c80b7fce563e7c77d7ba44b0fe45720ffac | |
parent | 02b25bad0ded9510f462609f84408edee9fe87f0 (diff) | |
download | kvision-1830797fbe4a7fda6958b4a13d46acf121a5288d.tar.gz kvision-1830797fbe4a7fda6958b4a13d46acf121a5288d.tar.bz2 kvision-1830797fbe4a7fda6958b4a13d46acf121a5288d.zip |
Updated README
-rw-r--r-- | README.md | 16 |
1 files changed, 8 insertions, 8 deletions
@@ -46,7 +46,7 @@ allows to build full-stack, multiplatform applications with shared common code. - Includes sophisticated layout containers, including CSS flexbox, CSS grid and Bootstrap responsive 12 columns grid. - Includes convenient forms implementation, with support for many different input components and easy to use validation. -- Data binding support for observable data model. +- Supports an observer pattern for data bindings. - Internationalization support based on [Jed](http://messageformat.github.io/Jed/) library and [gettext](https://www.gnu.org/software/gettext/) translations. - Easy to use Drag & Drop support. - Type-safe REST connectivity. @@ -70,7 +70,7 @@ Full API documentation (KDoc) is available at [https://rjaros.github.io/kvision/ You can also look at [KVision blog posts at dev.to](https://dev.to/t/kvision/latest) and you can talk with KVision developers on Kotlin Slack [#kvision](https://kotlinlang.slack.com/messages/kvision/) channel. -If you are looking for the guide for KVision 1.x, you can [find it here](https://kvision.gitbook.io/kvision-guide/v/kvision-1.x/). +If you are looking for the guide for KVision 1.x (based on Bootstrap 3), you can [find it here](https://kvision.gitbook.io/kvision-guide/v/kvision-1.x/). ## Quickstart @@ -107,13 +107,13 @@ Application package will be saved as build/libs/showcase-1.0.0-SNAPSHOT.zip. ### Hello world - Root("root") { + root("root") { span("Hello world!") } ### Basic components interactions using type safe DSL builders - Root("root") { + root("root") { hPanel(spacing = 20, alignItems = FlexAlignItems.CENTER) { val label = span("Not yet clicked.") var count = 0 @@ -129,7 +129,7 @@ Application package will be saved as build/libs/showcase-1.0.0-SNAPSHOT.zip. val secondPanel = Div("Second") val thirdPanel = Div("Third") - Root("root") { + root("root") { tabPanel { addTab("First", firstPanel, route = "/first") addTab("Second", secondPanel, route = "/second") @@ -142,7 +142,7 @@ Application package will be saved as build/libs/showcase-1.0.0-SNAPSHOT.zip. @Serializable data class Model(val username: String? = null, val password: String? = null) - Root("root") { + root("root") { formPanel { add(Model::username, Text(label = "Username"), required = true) add(Model::password, Password(label = "Password"), required = true) @@ -154,7 +154,7 @@ Application package will be saved as build/libs/showcase-1.0.0-SNAPSHOT.zip. } } -### Data binding with observable data model +### Observer design pattern data class Data(val text: String) @@ -163,7 +163,7 @@ Application package will be saved as build/libs/showcase-1.0.0-SNAPSHOT.zip. Data("Two"), Data("Three") ) - Root("root") { + root("root") { dataContainer(model, { data, _, _ -> Span(data.text) }, HPanel(spacing = 10)) |