wp-bootstrap/patterns/hidden-sidebar.php

<?php
/**
 * Title: Sidebar
 * Slug: wp-bootstrap/hidden-sidebar
 * Inserter: no
 * Description: Sidebar content with recent posts, search, and tag cloud.
 *
 * @package WPBootstrap
 * @since 0.1.0
 */
?>
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":3,"fontSize":"small","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"1.6px"}}} -->
<h3 class="wp-block-heading has-small-font-size" style="font-weight:600;letter-spacing:1.6px;text-transform:uppercase"><?php esc_html_e( 'Recent Posts', 'wp-bootstrap' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:query {"queryId":99,"query":{"perPage":4,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","inherit":false}} -->
<!-- wp:post-template -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:post-title {"level":4,"isLink":true,"fontSize":"medium"} /-->
<!-- wp:post-date {"fontSize":"small"} /-->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
<!-- /wp:query -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:heading {"level":3,"fontSize":"small","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"1.6px"}}} -->
<h3 class="wp-block-heading has-small-font-size" style="font-weight:600;letter-spacing:1.6px;text-transform:uppercase"><?php esc_html_e( 'Search', 'wp-bootstrap' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:search {"label":"<?php esc_attr_e( 'Search', 'wp-bootstrap' ); ?>","showLabel":false,"placeholder":"<?php esc_attr_e( 'Search...', 'wp-bootstrap' ); ?>","buttonText":"<?php esc_attr_e( 'Search', 'wp-bootstrap' ); ?>","buttonPosition":"button-inside","buttonUseIcon":true} /-->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:heading {"level":3,"fontSize":"small","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"1.6px"}}} -->
<h3 class="wp-block-heading has-small-font-size" style="font-weight:600;letter-spacing:1.6px;text-transform:uppercase"><?php esc_html_e( 'Tags', 'wp-bootstrap' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:tag-cloud {"numberOfTags":15,"taxonomy":"post_tag","showTagCounts":false} /--></div>
<!-- /wp:group -->