Update README.md

Author: lriccardo

README.md

@@ -5,7 +5,7 @@ A customizable and easy-to-use Timeline View library for Android
 
 Can be used as a standalone view or as a RecyclerView decorator
 
-![header](https://github.com/lriccardo/TimelineView/blob/main/screens/header.png)
+![header](https://raw.githubusercontent.com/lriccardo/TimelineView/main/screens/header.png)
 ## Setup
 
 ### 1. Add Jitpack to your root build.gradle
@@ -39,23 +39,29 @@ dependencies {
     app:indicator_color="@color/teal_700"
     app:line_color="@color/teal_700" />
 ```
-- View types
+- Previews
     <table>
+        <th>View type</th>
+        <th>Preview</th>        
         <th>View type</th>
         <th>Preview</th>        
         <th>View type</th>
         <th>Preview</th>
         <tr>
             <td>first</td>
-            <td><img src="https://github.com/lriccardo/TimelineView/blob/main/screens/first.jpg" alt="first" width="200"/></td>
+            <td><img src="https://github.com/lriccardo/TimelineView/raw/main/screens/first.jpg" alt="first" width="200"/></td>
             <td>middle</td>
-            <td><img src="https://github.com/lriccardo/TimelineView/blob/main/screens/middle.jpg" alt="middle" width="200"/></td>
+            <td><img src="https://github.com/lriccardo/TimelineView/raw/main/screens/middle.jpg" alt="middle" width="200"/></td>
+            <td>checked</td>
+            <td><img src="https://github.com/lriccardo/TimelineView/raw/main/screens/middle_checked.jpg" alt="checked" width="200"/></td>
         </tr>
         <tr>
             <td>last</td>
-            <td><img src="https://github.com/lriccardo/TimelineView/blob/main/screens/last.jpg" alt="last" width="200"/></td>
+            <td><img src="https://github.com/lriccardo/TimelineView/raw/main/screens/last.jpg" alt="last" width="200"/></td>
             <td>spacer</td>
-            <td><img src="https://github.com/lriccardo/TimelineView/blob/main/screens/spacer.jpg" alt="spacer" width="200"/></td>
+            <td><img src="https://github.com/lriccardo/TimelineView/raw/main/screens/spacer.jpg" alt="spacer" width="200"/></td>
+            <td>dashed</td>
+            <td><img src="https://github.com/lriccardo/TimelineView/raw/main/screens/middle_dashed.jpg" alt="dashed" width="200"/></td>
         </tr>
     </table>
 
@@ -71,27 +77,57 @@ dependencies {
             <td>first</td>
         </tr>
         <tr>
-            <td>app:indicator_size</td>
-            <td>Dimension</td>
-            <td>12dp</td>
+            <td>app:indicator_style</td>
+            <td>filled | empty | checked</td>
+            <td>filled</td>
         </tr>
         <tr>
-            <td>app:line_width</td>
+            <td>app:indicator_size</td>
             <td>Dimension</td>
-            <td>indicator_size/1.61</td>
+            <td>12dp</td>
         </tr>
         </tr>
             <tr>
             <td>app:indicator_color</td>
             <td>Color</td>
             <td>Color.RED</td>
         </tr>
+        <tr>
+            <td>app:checked_indicator_size</td>
+            <td>Dimension</td>
+            <td>6dp</td>
+        </tr>
+        <tr>
+            <td>app:checked_indicator_stroke_width</td>
+            <td>Dimension</td>
+            <td>4dp</td>
+        </tr>
+        <tr>
+            <td>app:line_style</td>
+            <td>normal | dashed</td>
+            <td>normal</td>
+        </tr>
+        <tr>
+            <td>app:line_width</td>
+            <td>Dimension</td>
+            <td>8dp</td>
+        </tr>
         </tr>
             <tr>
             <td>app:line_color</td>
             <td>Color</td>
             <td>Color.RED</td>
         </tr>
+        <tr>
+            <td>app:line_dash_length</td>
+            <td>Dimension</td>
+            <td>18</td>
+        </tr>
+        <tr>
+            <td>app:line_dash_gap</td>
+            <td>Dimension</td>
+            <td>12</td>
+        </tr>
     </table>
 
 ### RecyclerView Decorator
@@ -114,20 +150,40 @@ recyclerView.addItemDecoration(
         <th>Field</th>
         <th>Accepted values</th>
         <th>Default</th>
+        <tr>
+            <td>indicatorStyle</td>
+            <td>IndicatorStyle (Filled | Empty | Checked)</td>
+            <td>Filled</td>
+        </tr>
         <tr>
             <td>indicatorSize</td>
             <td>Float</td>
             <td>24f</td>
         </tr>
+        <tr>
+            <td>checkedIndicatorSize</td>
+            <td>Float</td>
+            <td>TimelineView default value</td>
+        </tr>
+        <tr>
+            <td>checkedIndicatorStrokeWidth</td>
+            <td>Float</td>
+            <td>4dp</td>
+        </tr>
+        <tr>
+            <td>lineStyle</td>
+            <td>Normal (Normal | Dashed)</td>
+            <td>TimelineView default value</td>
+        </tr>
         <tr>
             <td>lineWidth</td>
             <td>Float</td>
-            <td>indicatorSize/1.61</td>
+            <td>TimelineView default value</td>
         </tr>        
         <tr>
             <td>padding</td>
             <td>Float</td>
-            <td>indicatorSize*2</td>
+            <td>16dp/td>
         </tr>
         <tr>
             <td>position</td>
@@ -137,12 +193,12 @@ recyclerView.addItemDecoration(
         <tr>
             <td>indicatorColor</td>
             <td>@ColorInt</td>
-            <td>Color.RED</td>
+            <td>TimelineView default value</td>
         </tr>
         </tr>
             <tr>
-            <td>lineColorr</td>
+            <td>lineColor</td>
             <td>@ColorInt</td>
-            <td>Color.RED</td>
+            <td>TimelineView default value</td>
         </tr>
     </table>