File size: 1,505 Bytes
7798609
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
'''
title: Input
'''

import streamsync as ss

ss.md("## ss.input")

ss.space()
ss.md("#### πŸ”… Example")

ss.md("---")
ss.space()

def onchange(state, value):
    ss.message(f"onchange, {value}")

def onclear(state, value):
    ss.message("onclear event happend")

def onblur(state, value):
    print("onblur")
    ss.message(f"onblur, {value}")
    
def testme():
    ss.message(myinput.value)
    
#ui
cols = ss.columns([60,40], border = True)
with cols[0]:
    myinput = ss.text_input("Hello SimpleStart", clearable=True, width=300)


def myevent(event):
    if event.tag == "sel1":
        myinput.variant = event.value
    elif event.tag == "sel2":
        myinput.type = event.value
    elif event.tag == "but1":
        ss.message(myinput.value)
    

with cols[1]:
    ss.selectbox(["filled","outlined","underlined", "solo", "solo-filled", "solo-inverted"], label='#### Change the input style', \
                value="solo", onchange = myevent, eventTag="sel1")
    
    ss.selectbox(["text","time", "date", "week", "month", "password",  "color"], label='#### Change the input type', \
                onchange = myevent, eventTag="sel2")
 
    ss.write('#### Get Input Value', color="#66656a")
    ss.button("Get Text Value", onclick=myevent, eventTag="but1")



ss.write("---")
ss.write("#### πŸ”Ž Code")

ss.md('''
```python
import simplestart as ss

myinput = ss.input("Hello SimpleStart", clearable=True, width = 300)

#Or
#ss.text_input("hello", type="text", variant = "filled")

''')