From ee90724ccfd959a1a98833bb0af6316c22c089f3 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sun, 2 Aug 2020 01:46:06 +0530
Subject: [PATCH] Update README.md

---
 Standard UI Components/README.md | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/Standard UI Components/README.md b/Standard UI Components/README.md
index 90c539f..b54ff5a 100644
--- a/Standard UI Components/README.md	
+++ b/Standard UI Components/README.md	
@@ -38,8 +38,6 @@ Every component responds to some css variable that needs to be set in order to s
 ***!!! It's important to set only comma separated rgb values with `--text-color` and `--foreground-color` css variables.*** 
 
 Now you are ready to use them in your HTML markup as any other standard HMTL tags 😄.
-
-## Components
  
 |  Table of components | 
 | --- |
@@ -121,6 +119,24 @@ This component supports keyboard interactivity like ***Enter*** or ***Spacebar**
 
 `<sm-carousel` allows you easily add carousel to your website with everything already ready to go. Just add elements you want show inside opening `<sn-carousel>` and closing `<sn-carousel>` brackets.
 
+#### Custom Attribute
+
+1. align-items
+This attribute sets alignment of items inside carousel to value from three options ***start***, ***center***, ***end***.
+`align-items="center"` is default value. Carousel childrens are set to center align.
+
+##### align start
+This will align elements such that element will align from left edge to the carousel container
+```html
+<!--To set alignment of elements to start -->
+<sm-carousel align-items="start"></sm-carousel>
+```
+This will align elements such that element will align from left edge to the carousel container
+```html
+<!--To set alignment of elements to end -->
+<sm-carousel align-items="end"></sm-carousel>
+```
+
 #### Interactions
 
 Once focused elements inside carousel can be scrolled using ***Arrow Keys***.