Merge pull request #1318 from unageanu/add-menu-item-class-name-to-le…

…ft-navi [LeftNav] add menuItemClassName props to LeftNavi.
mui · Aug 4, 2015 · c7f8d1c · c7f8d1c
2 parents 7f04158 + 187203f
commit c7f8d1c
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/docs/src/app/components/pages/components/left-nav.jsx b/docs/src/app/components/pages/components/left-nav.jsx
@@ -104,6 +104,24 @@ class LeftNavPage extends React.Component {
             type: 'object',
             header: 'optional',
             desc: 'Override the inline-styles of LeftNav\'s root element.'
+          },
+          {
+            name: 'menuItemClassName',
+            type: 'string',
+            header: 'optional',
+            desc: 'Class name for the menuItem.'
+          },
+          {
+            name: 'menuItemClassNameSubheader',
+            type: 'string',
+            header: 'optional',
+            desc: 'Class name for the subheader menuItem.'
+          },
+          {
+            name: 'menuItemClassNameLink',
+            type: 'string',
+            header: 'optional',
+            desc: 'Class name for the link menuItem.'
           }
         ]
       },

diff --git a/src/left-nav.jsx b/src/left-nav.jsx
@@ -30,6 +30,9 @@ let LeftNav = React.createClass({
     onNavClose: React.PropTypes.func,
     openRight: React.PropTypes.bool,
     selectedIndex: React.PropTypes.number,
+    menuItemClassName: React.PropTypes.string,
+    menuItemClassNameSubheader: React.PropTypes.string,
+    menuItemClassNameLink: React.PropTypes.string,
   },
 
   windowListeners: {
@@ -174,6 +177,9 @@ let LeftNav = React.createClass({
               menuItemStyle={this.mergeAndPrefix(styles.menuItem)}
               menuItemStyleLink={this.mergeAndPrefix(styles.menuItemLink)}
               menuItemStyleSubheader={this.mergeAndPrefix(styles.menuItemSubheader)}
+              menuItemClassName={this.props.menuItemClassName}
+              menuItemClassNameSubheader={this.props.menuItemClassNameSubheader}
+              menuItemClassNameLink={this.props.menuItemClassNameLink}
               selectedIndex={selectedIndex}
               onItemTap={this._onMenuItemClick} />
         </Paper>