docs(readme): example-2

rbalet · Apr 29, 2024 · 7f3a04d · 7f3a04d
1 parent 2bcb692
commit 7f3a04d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -12,7 +12,10 @@ An Angular Material library for entering a birthday.
 4. Does **automatically focus the next field** when needed. 
 5. Based on the [Vitaly Friedman](https://www.smashingmagazine.com/author/vitaly-friedman/) article, [Designing Birthday Picker UX: Simpler Is Better](https://www.smashingmagazine.com/2021/05/frustrating-design-patterns-birthday-picker/#designing-a-better-birthday-input)
 
-![Input example](https://raw.githubusercontent.com/rbalet/ngx-mat-birthday-input/main/assets/example.png)
+
+| fill                                                                                                      | outlined                                                                                                    |
+| --------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
+| ![Input example](https://raw.githubusercontent.com/rbalet/ngx-mat-birthday-input/main/assets/example.png) | ![Input example](https://raw.githubusercontent.com/rbalet/ngx-mat-birthday-input/main/assets/example-2.png) |
 
 **Supports:**
 - Angular >=15

diff --git a/assets/example-2.png b/assets/example-2.png
diff --git a/projects/ngx-mat-birthday-input/README.md b/projects/ngx-mat-birthday-input/README.md
@@ -12,7 +12,10 @@ An Angular Material library for entering a birthday.
 4. Does **automatically focus the next field** when needed. 
 5. Based on the [Vitaly Friedman](https://www.smashingmagazine.com/author/vitaly-friedman/) article, [Designing Birthday Picker UX: Simpler Is Better](https://www.smashingmagazine.com/2021/05/frustrating-design-patterns-birthday-picker/#designing-a-better-birthday-input)
 
-![Input example](https://raw.githubusercontent.com/rbalet/ngx-mat-birthday-input/main/assets/example.png)
+
+| fill                                                                                                      | outlined                                                                                                    |
+| --------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
+| ![Input example](https://raw.githubusercontent.com/rbalet/ngx-mat-birthday-input/main/assets/example.png) | ![Input example](https://raw.githubusercontent.com/rbalet/ngx-mat-birthday-input/main/assets/example-2.png) |
 
 **Supports:**
 - Angular >=15