@startupjs-ui/text-input 0.1.13 → 0.1.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/README.mdx +11 -5
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.1.16](https://github.com/startupjs/startupjs-ui/compare/v0.1.15...v0.1.16) (2026-02-10)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @startupjs-ui/text-input
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [0.1.13](https://github.com/startupjs/startupjs-ui/compare/v0.1.12...v0.1.13) (2026-02-03)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @startupjs-ui/text-input
|
package/README.mdx
CHANGED
|
@@ -8,7 +8,9 @@ import './index.mdx.cssx.styl'
|
|
|
8
8
|
|
|
9
9
|
# TextInput
|
|
10
10
|
|
|
11
|
-
TextInput lets user enter or edit text.
|
|
11
|
+
TextInput lets the user enter or edit text. Use the `value` prop for the current text and the `onChangeText` callback to handle changes.
|
|
12
|
+
|
|
13
|
+
The component also accepts `style` for the wrapper, `inputStyle` for the input element, `placeholder` for placeholder text, `ref` for imperative access, `testID` for testing, and `onFocus`/`onBlur` for focus events.
|
|
12
14
|
|
|
13
15
|
```jsx
|
|
14
16
|
import { TextInput } from 'startupjs-ui'
|
|
@@ -29,6 +31,8 @@ return (
|
|
|
29
31
|
|
|
30
32
|
## Disabled
|
|
31
33
|
|
|
34
|
+
When the `disabled` prop is set, the input becomes non-interactive.
|
|
35
|
+
|
|
32
36
|
```jsx example
|
|
33
37
|
return (
|
|
34
38
|
<TextInput
|
|
@@ -40,6 +44,8 @@ return (
|
|
|
40
44
|
|
|
41
45
|
## Readonly
|
|
42
46
|
|
|
47
|
+
When the `readonly` prop is set, the value is displayed as plain text.
|
|
48
|
+
|
|
43
49
|
```jsx example
|
|
44
50
|
return (
|
|
45
51
|
<TextInput
|
|
@@ -51,7 +57,7 @@ return (
|
|
|
51
57
|
|
|
52
58
|
## Sizes
|
|
53
59
|
|
|
54
|
-
|
|
60
|
+
The input size can be changed using the `size` prop. The default size is `'m'`.
|
|
55
61
|
|
|
56
62
|
```jsx example
|
|
57
63
|
const [valueL, setValueL] = useState()
|
|
@@ -82,7 +88,7 @@ return (
|
|
|
82
88
|
|
|
83
89
|
## Icons
|
|
84
90
|
|
|
85
|
-
|
|
91
|
+
An icon can be added using the `icon` prop, and a secondary icon using `secondaryIcon`. The primary icon's position is controlled by `iconPosition` (`'left'` by default), and the secondary icon is placed on the opposite side. Use `onIconPress` and `onSecondaryIconPress` to handle clicks on the icons. To customize icon styles, use the `iconStyle` and `secondaryIconStyle` props.
|
|
86
92
|
|
|
87
93
|
In `.styl` file
|
|
88
94
|
```stylus
|
|
@@ -117,7 +123,7 @@ return (
|
|
|
117
123
|
|
|
118
124
|
## Number of lines
|
|
119
125
|
|
|
120
|
-
Pass `numberOfLines
|
|
126
|
+
Pass `numberOfLines` to set the number of visible lines. This makes the input multiline.
|
|
121
127
|
|
|
122
128
|
```jsx example
|
|
123
129
|
const [value, setValue] = useState()
|
|
@@ -134,7 +140,7 @@ return (
|
|
|
134
140
|
|
|
135
141
|
## Dynamic number of lines
|
|
136
142
|
|
|
137
|
-
Pass `resize
|
|
143
|
+
Pass the `resize` prop to dynamically adjust the number of lines based on the content.
|
|
138
144
|
|
|
139
145
|
```jsx example
|
|
140
146
|
const [value, setValue] = useState()
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@startupjs-ui/text-input",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.16",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -9,14 +9,14 @@
|
|
|
9
9
|
"type": "module",
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"@startupjs-ui/core": "^0.1.11",
|
|
12
|
-
"@startupjs-ui/div": "^0.1.
|
|
13
|
-
"@startupjs-ui/icon": "^0.1.
|
|
14
|
-
"@startupjs-ui/span": "^0.1.
|
|
12
|
+
"@startupjs-ui/div": "^0.1.16",
|
|
13
|
+
"@startupjs-ui/icon": "^0.1.16",
|
|
14
|
+
"@startupjs-ui/span": "^0.1.16"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"react": "*",
|
|
18
18
|
"react-native": "*",
|
|
19
19
|
"startupjs": "*"
|
|
20
20
|
},
|
|
21
|
-
"gitHead": "
|
|
21
|
+
"gitHead": "9943aa3566d5d80f5b404473906eb3c0611f9ee5"
|
|
22
22
|
}
|