# canvas/2.4.9/components/basic-elements/block-tabs/render.php

Canvas, version 2.4.9. 46 lines.

- Page: https://pluginprobe.com/plugins/canvas/2.4.9/code/components/basic-elements/block-tabs/render.php
- Raw: https://pluginprobe.com/plugins/canvas/2.4.9/raw/components/basic-elements/block-tabs/render.php
- Modified: 2025-05-27T05:50:06+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/canvas/2.4.9/code/components/basic-elements/block-tabs/render.php#L10-L20`.

```php
<?php
/**
 * Tabs block template
 *
 * @var     $attributes - block attributes
 * @var     $content - inner blocks
 * @var     $options - layout options
 *
 * @package Canvas
 */

$tabs_data = is_array( $attributes['tabsData'] ) ? $attributes['tabsData'] : array();

if ( $tabs_data && count( $tabs_data ) ) {
	$attributes['className'] .= ' cnvs-block-tabs-' . count( $tabs_data );
}

if ( 'vertical' === $attributes['tabsPosition'] ) {
	$attributes['className'] .= ' cnvs-block-tabs-' . $attributes['tabsPosition'];
}

?>

<div class="<?php echo esc_attr( $attributes['className'] ); ?>" <?php echo ( isset( $attributes['anchor'] ) ? ' id="' . esc_attr( $attributes['anchor'] ) . '"' : '' ); ?>>
	<div class="cnvs-block-tabs-buttons">
		<?php
		foreach ( $tabs_data as $i => $title ) {
			$tab_class = 'cnvs-block-tabs-button';

			if ( $i === $attributes['tabActive'] ) {
				$tab_class .= ' cnvs-block-tabs-button-active';
			}

			?>
			<div class="<?php echo esc_attr( $tab_class ); ?>">
				<a href="#"><?php echo (string) $title; // XSS. ?></a>
			</div>
			<?php
		}
		?>
	</div>
	<div class="cnvs-block-tabs-content">
		<?php echo (string) $content; // XSS. ?>
	</div>
</div>

```