Skip to content

Commit 889d2a7

Browse files
committed
assets in readme provided
1 parent 4ff8685 commit 889d2a7

6 files changed

Lines changed: 12 additions & 0 deletions

File tree

README.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,10 @@
11
# ComposeBook
22

3+
Desktop Preview | Mobile Preview |
4+
|:--------------------------------------------------|:-----------------------------------------------:|
5+
| <img src="assets/desktop-light.png" width="100%"> | <img src="assets/mobile-light.png" width="230"> |
6+
| <img src="assets/desktop-dark.png" width="100%"> | <img src="assets/mobile-dark.png" width="230"> |
7+
38
A Storybook-like UI component browser for **Compose Multiplatform**. Showcase, test, and interact
49
with your composable components in isolation across Android, iOS, Desktop, and Web.
510

assets/desktop-dark.png

189 KB
Loading

assets/desktop-light.png

222 KB
Loading

assets/mobile-dark.png

263 KB
Loading

assets/mobile-light.png

290 KB
Loading

sample/src/commonMain/kotlin/com/yusubov/composebook/sample/ComposeBookDemo.kt

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,13 @@ fun ComposeBookDemo() {
5454
fun DirectoryBuilder.buttonUseCases() {
5555
directory("Button") {
5656
useCase("Primary") {
57+
val stringKnob = knob.string("Label", "Hello")
58+
val booleanKnob = knob.boolean("Enabled", true)
59+
val intSliderKnob = knob.intSlider("Size", initialValue = 16, range = 8..32)
60+
val intKnob = knob.int("Int", 123)
61+
val floatKnob = knob.float("Float", 123.456f)
62+
val dropdownKnob = knob.dropdown("Dropdown", listOf("Option 1", "Option 2", "Option 3"))
63+
5764
AppButton(label = knob.string("Label", "Click Me"))
5865
}
5966
useCase("Outlined") {

0 commit comments

Comments
 (0)