nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Arcgis experience storybook Styled

Dvirus

Hi,

What does it mean <Styled(_NavLink) at Nav in storybook:

https://developers.arcgis.com/experience-builder/storybook/?path=/docs/components-jimu-ui-index-nav--with-icons

How can we use it?

 <Nav className="mb-5">
    <NavItem>
      <Styled(_NavLink)
        active
        href="#"
        icon="<svg viewBox=&quot;0 0 12 12&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;><path d=&quot;M2 5.055V11h2V8a1 1 0 011-1h2a1 1 0 011 1v3h2V4.969L6.043 1 2 5.055zM1 6.058l-.149.15a.497.497 0 01-.705 0 .501.501 0 010-.708L5.338.293a.995.995 0 011.41 0l5.106 5.121a.501.501 0 010 .707.497.497 0 01-.705 0L11 5.971V11a1 1 0 01-1 1H2a1 1 0 01-1-1V6.058zM5 11h2V8H5v3z&quot; fill=&quot;#000&quot; fill-rule=&quot;nonzero&quot;></path></svg>"
      >
        Link 1
      </Styled(_NavLink)>
    </NavItem>
</Nav>

Find more posts tagged with

Accepted answers

All comments

There are no accepted answers yet

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.