| 28 | |
| 29 | class Nav extends React.Component { |
| 30 | render(){ |
| 31 | return ( |
| 32 | <Pin className="demo-nav"> |
| 33 | <ul> |
| 34 | <li><h4><NavLink to="/checkbox">checkbox</NavLink></h4></li> |
| 35 | <li><h4><NavLink to="/radio">radio</NavLink></h4></li> |
| 36 | <li><h4><NavLink to="/radio-group">radio group</NavLink></h4></li> |
| 37 | <li><h4><NavLink to="/checkbox-group">checkbox group</NavLink></h4></li> |
| 38 | <li><h4><NavLink to="/dropdown">drop down</NavLink></h4></li> |
| 39 | <li><h4><NavLink to="/menu">menu</NavLink></h4></li> |
| 40 | <li><h4><NavLink to="/confirm-box">confirm box</NavLink></h4></li> |
| 41 | <li><h4><NavLink to="/tooltip">tooltip</NavLink></h4></li> |
| 42 | <li><h4><NavLink to="/modal">modal</NavLink></h4></li> |
| 43 | <li><h4><NavLink to="/tab">tab</NavLink></h4></li> |
| 44 | <li><h4><NavLink to="/pin">pin</NavLink></h4></li> |
| 45 | <li><h4><NavLink to="/carousel">carousel</NavLink></h4></li> |
| 46 | <li><h4><NavLink to="/pagination">pagination</NavLink></h4></li> |
| 47 | <li><h4><NavLink to="/slide-menu">slide menu</NavLink></h4></li> |
| 48 | <li><h4><NavLink to="/time-input">time input</NavLink></h4></li> |
| 49 | <li><h4><NavLink to="/date-picker">date picker</NavLink></h4></li> |
| 50 | <li><h4><NavLink to="/calender">calender</NavLink></h4></li> |
| 51 | <li><h4><NavLink to="/progress">progress</NavLink></h4></li> |
| 52 | <li><h4><NavLink to="/message">message</NavLink></h4></li> |
| 53 | <li><h4><NavLink to="/notice">notice</NavLink></h4></li> |
| 54 | </ul> |
| 55 | </Pin> |
| 56 | ); |
| 57 | } |
| 58 | } |
| 59 | |
| 60 | const NavLink = (props) => { |