How to use the react-feather.ChevronDown function in react-feather

To help you get started, we’ve selected a few react-feather examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

NiceDash / Vibe / src / vibe / components / SidebarNav / components / NavDropdownItem.js View on Github

render() {
    const { item } = this.props;
    const isExpanded = this.state.open ? 'open' : '';
    const Icon = item.icon ? Feather[item.icon] : null;
    const ExpandIcon = this.state.open
      ? Feather.ChevronDown
      : Feather.ChevronRight;
    return (
      <li>
        <a role="button" href="#!">
          {item.icon &amp;&amp; Icon &amp;&amp; }
          <span>{item.name}</span>{' '}
          {item.badge &amp;&amp; (
            
          )}
          
        </a>
        {(this.state.open || this.props.isSidebarCollapsed) &amp;&amp; (
          <ul>
            {item.children.map((item, index) =&gt; (
              
            ))}</ul></li>

How to use the react-feather.ChevronDown function in react-feather

To help you get started, we’ve selected a few react-feather examples, based on popular ways it is used in public projects.

react-feather

Package Health Score

Popular react-feather functions

Similar packages