added list docs

Author: dabit3

README.md

@@ -45,14 +45,14 @@ import Button from 'HSButton'
 
 | prop | default | type | description |
 | ---- | ---- | ----| ---- |
-| buttonStyle | none | object | add additional styling for button component |
+| buttonStyle | none | object (style) | add additional styling for button component |
 | title | none | string | button title | 
 | onPress | none | function | onPress method |
 | icon | none | object {name(string), color(string), size(number)} | [Material Icon Name](https://design.google.com/icons/) | 
 | secondary | false | boolean | secondary button flag |
 | backgroundColor | primary color | string (color) | background color of button |
 | color | white | string(color) | font color |
-| textStyle | none | object | text styling |
+| textStyle | none | object (style) | text styling |
 | fontSize | 18 | number | font size |
 | underlayColor | transparent | string(color) | underlay color for button press |
 | raised | false | boolean | flag to add raised button styling |
@@ -83,8 +83,8 @@ import SocialIcon from 'HSSocialIcon'
 | type | none | social media type (facebook, twitter, google-plus-official, pinterest, linkedin, youtube, vimeo, tumblr, instagram, quora, foursquare, wordpress, stumbleupon) | social media type |
 | button | false | boolean | creates button |
 | onPress | none | funciton | onPress method |
-| iconStyle | none | object | extra styling for icon component ([React Native Vector Icons](https://github.com/oblador/react-native-vector-icons)) |
-| style | none | object | button styling |
+| iconStyle | none | object (style) | extra styling for icon component ([React Native Vector Icons](https://github.com/oblador/react-native-vector-icons)) |
+| style | none | object (style) | button styling |
 | iconColor | white | string | icon color |
 | title | none | string | title if made into a button |
 
@@ -139,6 +139,33 @@ render () {
 
 ```
 
+#### HSList Props
+
+| prop | default | type | description |
+| ---- | ---- | ----| ---- |
+| containerStyle | none | object (style) | style the list container |
+
+
+#### HSListItem Props
+
+| prop | default | type | description |
+| ---- | ---- | ----| ---- |
+| onPress | none | function | onPress method for link (optional) |
+| title | none | string | main title for list item (required) |
+| icon | none | object {name, color, style} | icon configuration for left icon (optional) |
+| rightIcon | chevron | string | right icon (optional) ([material icon name](https://design.google.com/icons/)) |
+| avatar | none | string | left avatar (optional) |
+| avatarStyle | none | object (style) | avatar styling (optional) |
+| underlayColor | white | string | define underlay color for TouchableHighlight (optional) |
+| subtitle | none | string | subtitle text (optional) |
+| subtitleStyle | none | object (style) | additional subtitle styling (optional ) |
+| containerStyle | none | object (style) | additional main container styling (optional) |
+| wrapperStyle | none | object (style) | additional wrapper styling (optional) |
+| titleStyle | none | object (style) | additional title styling (optional) |
+| hideChevron | false | boolean | set if you do not want a chevron (optional) |
+| chevronColor | #bdc6cf | string | set chevron color |
+| roundAvatar | false | boolan | make left avatar round |
+
 ## Forms
 
 ![Forms](http://i.imgur.com/9idGiXr.png)
@@ -157,15 +184,15 @@ import FormInput from 'HSFormInput'
 
 | prop | default | type | description |
 | ---- | ---- | ----| ---- |
-| containerStyle | none | object | TextInput container styling |
-| inputStyle | none | object | TextInput styling |
+| containerStyle | none | object (style) | TextInput container styling |
+| inputStyle | none | object (style) | TextInput styling |
 
 ### FormLabel
 
 | prop | default | type | description |
 | ---- | ---- | ----| ---- |
-| containerStyle | none | object | additional label container style |
-| labelStyle | none | object | additional label styling |
+| containerStyle | none | object (style) | additional label container style |
+| labelStyle | none | object (style) | additional label styling |
 
 ## Card
 
@@ -185,9 +212,9 @@ import Card from 'HSCard'
 | prop | default | type | description |
 | ---- | ---- | ----| ---- |
 | flexDirection | column | string | flex direction (row or column) |
-| containerStyle | none | object | outer container style |
-| wrapperStyle | none | object | inner container style |
+| containerStyle | none | object (style) | outer container style |
+| wrapperStyle | none | object (style) | inner container style |
 | title | none | string | optional card title |
-| titleStyle | none | object | additional title styling (if title provided) |
-| dividerStyle | none | object | additional divider styling (if title provided) |
+| titleStyle | none | object (style) | additional title styling (if title provided) |
+| dividerStyle | none | object (style) | additional divider styling (if title provided) |
 

src/components/list/ListItem.js

@@ -38,7 +38,7 @@ const ListItem = ({
           icon && icon.name && (
             <Icon
               size={28}
-              style={styles.icon}
+              style={[styles.icon, icon.style && icon.style]}
               name={icon.name}
               color={icon.color || colors.grey4}
             />