diff --git a/Readme.MD b/Readme.MD index f20323e7c4..50a569ecbc 100644 --- a/Readme.MD +++ b/Readme.MD @@ -1301,26 +1301,102 @@ A component with full size image and with text either inside the image or under ![Avatar]() -#### Avatar +#### Avatars ``` js console.log("Works!")} activeOpacity={0.7} /> + console.log("Works!")} + activeOpacity={0.7} +/> + console.log("Works!")} + activeOpacity={0.7} +/> + console.log("Works!")} + activeOpacity={0.7} +/> ``` + #### Avatar with initials ```js console.log("Works!")} + activeOpacity={0.7} +/> + console.log("Works!")} + activeOpacity={0.7} +/> + console.log("Works!")} + activeOpacity={0.7} +/> + console.log("Works!")} + activeOpacity={0.7} +/> +``` + +#### Avatar with icons + +``` js + console.log("Works!")} + activeOpacity={0.7} + containerStyle={{flex: 2, marginLeft: 20, marginTop: 115}} +/> + console.log("Works!")} + activeOpacity={0.7} + containerStyle={{flex: 3, marginTop: 100}} +/> + console.log("Works!")} + activeOpacity={0.7} + containerStyle={{flex: 4, marginTop: 75}} +/> + console.log("Works!")} activeOpacity={0.7} + containerStyle={{flex: 5, marginRight: 60}} /> ```