UNPKG

@specialdoom/solid-rev-kit

Version:

RevKit UI implementation for SolidJS

specialdoom.github.io/solid-rev-kit-docs

62 lines (50 loc) • 2.93 kB
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
# Input component ### Usage ```jsx import { Input, Icons } from '@specialdoom/solid-rev-kit'; const Container = () => ( <> <Input /> <Input value="Value" /> <Input placeholder="Placeholder" /> <Input value="Disabled" disabled /> <Input placeholder="With icon" icon={<Icons.Lens />} /> </> ); ``` ### API | Property | Description | Type | Default | | ----------- | --------------------------------------------------------------------- | ------------------ | --------- | | value | Value of input component | string | undefined | | placeholder | Placeholder of input component | string | undefined | | disabled | Whether the input component is disabled | boolean | false | | icon | Icon of input component. Decides whether the input component has icon | JSXElement | undefined | | onChange | onChange event hanlder | (e: Event) => void | undefined | | onFocus | onFocus event hanlder | (e: Event) => void | undefined | | onInput | onInput event hanlder | (e: Event) => void | undefined | | onBlur | onBlur event hanlder | (e: Event) => void | undefined | # Textarea component ### Usage ```jsx import { Input, Icons } from '@specialdoom/solid-rev-kit'; const Container = () => ( <> <Input.TextArea /> <Input.TextArea value="Value" /> <Input.TextArea placeholder="Placeholder" /> <Input.TextArea placeholder="Disabled" disabled /> <Input.TextArea placeholder="Six rows textarea" rows={6} /> </> ); ``` ### API | Property | Description | Type | Default | | ----------- | ------------------------------------------ | ------------------ | --------- | | value | Value of textarea component | string | undefined | | placeholder | Placeholder of textarea component | string | undefined | | disabled | Whether the textarea component is disabled | boolean | false | | rows | Rows number of textarea component | number | 4 | | onChange | onChange event hanlder | (e: Event) => void | undefined | | onFocus | onFocus event hanlder | (e: Event) => void | undefined | | onInput | onInput event hanlder | (e: Event) => void | undefined | | onBlur | onBlur event hanlder | (e: Event) => void | undefined |