Gutenberg Content Switcher Block Tutorial
Are you looking for a way to create a Monthly/Yearly content switcher in Gutenberg page builder? Now, you can achieve that using Content Switcher Gutenberg Block to add a switcher to your content. In Gutenberg Content Switcher Block, you can toggle between two different content
Check Gutenberg Content Switcher Block demo page from here.

Content Switcher Gutenberg Block Layout Settings
- Show Labels: Enable to show content switcher labels.
- HTML Tag: Set content switcher label heading HTML level from H1 to H6.
- Display: Set content and switcher display settings:
- Inline: All labels and switcher on one line.
- Block: Labels and switcher will be displayed on separate lines.
- Alignment: Algin switcher to left, center or right.
Style Settings for Content Switcher Gutenberg Block
Style Content Switcher block switcher, labels and containers.

Switcher Style for Gutenberg Content Switcher Block
- Size
- Controller Background
- Switcher Background
- Controller Shadow
- Switcher Shadow
- Controller Border Radius
- Switcher Border Radius
Labels Style for Gutenberg Content Switcher Block
- Spacing
- First and Second Label:
- Typography
- Text Color
- Background Color
- Text Shadow
- Box Shadow
- Border
- Padding
Container Style for Gutenberg Content Switcher Block
- Background Type
- Box Shadow
- Border
- Padding