Skip to content

Commit 3e41458

Browse files
committed
Added structure image, Update README.md
1 parent e14120a commit 3e41458

File tree

2 files changed

+17
-10
lines changed

2 files changed

+17
-10
lines changed

README.md

Lines changed: 17 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -32,9 +32,6 @@ Default props + Min & Max colors | Not rounded, showBorder, Min & Max co
3232
### High customization
3333
<img src="screenshots/customization.png" />
3434

35-
#### Button press colors
36-
<img src="screenshots/button_press.gif" />
37-
3835
## 📖 Install
3936

4037
Just run the following command line:
@@ -84,6 +81,9 @@ Open Expo Client on your device. Use it to scan the QR code printed by `expo sta
8481

8582
Check the "[Props List](PROPS.md)" file to have the complete list of component props ordered by name.
8683

84+
### Structure
85+
<img src="screenshots/structure.png" />
86+
8787
### Handlers
8888

8989
Handler | Description | Func |
@@ -109,16 +109,15 @@ Property | Description | Type | Default | Note
109109
`prepend` | Custom element after left button | Component | |
110110
`append` | Custom element before right button | Component | |
111111

112-
113-
#### Screenshot
112+
#### Screenshots
114113

115114
<img src="screenshots/append.png"/>
116115

117116
##### Description
118117
- Top spinner with a child
119118
- Bottom spinner with `prepend` and `append`
120119

121-
### Props style
120+
### Props Styles
122121

123122
Property | Description | Type | Default | Note
124123
------------------|-------------|------|---------|-------
@@ -127,7 +126,7 @@ Property | Description | Type | Default | Note
127126
`buttonStyle` | Button style | Object | | Could overwrite other props
128127
`buttonPressStyle` | Button style on Pressed state | Object | | Could overwrite other props
129128

130-
### Props colors
129+
### Props Colors
131130

132131
Property | Description | Type | Default | Note
133132
------------------|-------------|------|---------|-------
@@ -139,8 +138,16 @@ Property | Description | Type | Default | Note
139138
`colorLeft` | Custom color of the Spinner left button | String | `#3E525F` |
140139
`colorMin` | Custom color of the Spinner when reach min value | String | |
141140
`colorMax` | Custom color of the Spinner when reach max value | String | |
141+
`buttonTextColor` | Custom color of the labels's button of the Spinner | String | `#FFFFFF` |
142+
`buttonPressTextColor` | Custom color of the button of the Spinner on Pressed state | String | `#FFFFFF` |
143+
144+
#### Screenshots
145+
<img src="screenshots/button_press.gif" />
146+
147+
##### Description
148+
- Spinner with `color`, `buttonTextColor`, `colorPress` and `buttonPressTextColor` custom colors
142149

143-
### Props container style
150+
### Props Container Style
144151

145152
Property | Description | Type | Default | Note
146153
------------------|-------------|------|---------|-------
@@ -149,7 +156,7 @@ Property | Description | Type | Default | Note
149156
`height` | Custom height of the Spinner | Number | `50` |
150157
`showBorder` | Show the border of the Spinner or not | Boolean | `false` | Use with `rounded={false}`
151158

152-
### Props buttons style
159+
### Props Buttons Style
153160

154161
Property | Description | Type | Default | Note
155162
------------------|-------------|------|---------|-------
@@ -169,7 +176,7 @@ Property | Description | Type | Default | Note
169176
`buttonPressStyle` | Button Style on Pressed state (Plus and Minus buttons) | Object | |
170177
`buttonPressTextColor` | Custom color of the button of the Spinner on Pressed state | String | `#FFFFFF` |
171178

172-
### Props text input style
179+
### Props Text Input Style
173180

174181
Property | Description | Type | Default | Note
175182
------------------|-------------|------|---------|-------

screenshots/structure.png

18.1 KB
Loading

0 commit comments

Comments
 (0)