nav-catalog Component

nav-catalog is a component rendering navigation list into a catalog card deck. Unlike other navigationt type, due to the use of Card component, nav-catalog requires additional data restructing from .Page to match .Card.

This component is available starting from v1.13.0.

Sass Styling Parts

This component will be supported with a dedicated Sass soon.

Javascript Parts

This component does not use any Javascript.

HTML Parts

Bissetii currently renders nav-catalog with the following pattern:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<nav class="nav-catalog">
	<ol class="row">
		<li class="column">
			{{< template "{{ Card }}" $data1 >}}
		</li>
		<li class="column">
			{{< template "{{ Card }}" $data2 >}}
		</li>
		...
	</ol>
</nav>

Example

Here is an example of the rendering:

Epilogue

That’s all for Bissetii’s nav-catalog component. If you have any questions, please feel free to raise your queries in our Issues Section.