Does this support Navigation bars?

Hi @justinwyllie

Apologies for the delay in coming back to you. Unfortunately, we don’t have support for the navigation bar at the moment. However, you could utilise the div block and add the relevant navbar class to it. The div block essentially allows you to build up whatever structure you want, then you can use the additional CSS Classes(s) to provide the relevant selectors.

Here’s a very basic example:

<!-- wp:areoi/div {"block_id":"d4c6f92b-5439-429d-a0a5-42fec7eaeaf7","className":"navbar navbar-expand-lg bg-light"} -->
<!-- wp:areoi/container {"block_id":"0a7b756f-ce42-4bba-8d77-3852e94de679","container":"container-fluid"} -->
<!-- wp:paragraph {"className":"navbar-brand mb-0"} -->
<p class="navbar-brand mb-0"><a href="#">Navbar</a></p>
<!-- /wp:paragraph -->

<!-- wp:areoi/button {"block_id":"a365dabd-97d1-4bea-990c-adce65ee45fd","url":"#navbarSupportedContent","text":"Menu","include_icon":true,"icon":"bi-list","className":"navbar-toggler"} /-->

<!-- wp:areoi/collapse {"anchor":"navbarSupportedContent","block_id":"d391e4cc-382c-45a3-8504-1409a4521ffd","className":"navbar-collapse"} -->
<!-- wp:areoi/nav-and-tab {"block_id":"6ec85abe-32cf-4b3e-baa6-e49e4a043a00"} -->
<!-- wp:areoi/nav-and-tab-item {"block_id":"dbb61c68-7c3f-4265-a02e-fc614f06f69b","text":"Link 1"} /-->

<!-- wp:areoi/nav-and-tab-item {"block_id":"84299e59-9c9d-4f92-a344-5e848ff98c4c","text":"Link 2"} /-->
<!-- /wp:areoi/nav-and-tab -->
<!-- /wp:areoi/collapse -->
<!-- /wp:areoi/container -->
<!-- /wp:areoi/div -->

You can see the output of this here: https://allbootstrapblocks.com/navbar-example/

Hopefully, this helps but if you need any help creating your custom navbar then please don’t hesitate to get back in touch.

Thanks
Miles