Skip to content

Commit 8a805a1

Browse files
committed
Update README
1 parent 21fd57f commit 8a805a1

File tree

3 files changed

+23
-0
lines changed

3 files changed

+23
-0
lines changed

Assets/Showroom_1.png

32 KB
Loading

Assets/Showroom_2.png

81.4 KB
Loading

README.md

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,20 @@ A SwiftUI library to present a Pill Picker view
2121

2222
## How it looks
2323

24+
<div style="display:flex; justify-content: center;">
25+
<div>
26+
<h4>Static placement</h4>
27+
<img src="Assets/Showroom_1.png" alt="PillPickerView example 1" style="width: 200px;margin-right:50px;"/>
28+
</div>
29+
<div>
30+
<h4>Flowing placement</h4>
31+
<img src="Assets/Showroom_2.png" alt="PillPickerView example 2" style="width: 200px;"/>
32+
</div>
33+
</div>
34+
35+
<br>
36+
37+
Demo:
2438
https://github.com/adisve/PillPickerView/assets/96535657/4f052e75-36f1-4f59-9664-0a187b07de28
2539

2640
<br>
@@ -166,6 +180,15 @@ To change the font of the pills
166180

167181
<br>
168182

183+
You can of course chain things together to get a good layout based on your circumstances and requirements.
184+
185+
```swift
186+
.pillFont(.title3)
187+
.pillViewHorizontalSpacing(30)
188+
```
189+
190+
<br>
191+
169192
To change the icon used by each pill when it is 'selected'.
170193
I advise you to choose something that indicates that the pill will no longer be selected if this icon is pressed, as this is the intended behavior.
171194

0 commit comments

Comments
 (0)