nav-catalog is a component rendering navigation list into a catalog card deck.
Unlike other navigationt type, due to the use of Card component,
requires additional data restructing from
.Page to match
This component is available starting from
Sass Styling Parts
This component will be supported with a dedicated Sass soon.
Bissetii currently renders
nav-catalog with the following pattern:
- Line 1 -
<nav>tag with class attribute
nav-catalogto indicate it is a catalog.
- Line 2 -
<ol>ordered list tag with Bissetii’s grid class
- Line 3 -
<li>list item tag with Bissetii’s grid class
- Line 4 - Render the Card component with its corresponding data structure processed
- Line 9 - Add as many navigation item card into the list.
Here is an example of the rendering:
That’s all for Bissetii’s
nav-catalog component. If you have any questions,
please feel free to raise your queries in our