Build a Pricing Card Component with a Toggle Switch in Bricks Builder (Using Data Attributes)
In this videos, i will show you how to build a pricing card component with data attributes using default Vanilla Bricks Builder.
00:00 - Intro
01:18 - Building the Card Structure
04:14 - Naming BEM Classes
07:12 - Styling the Pricing Card
17:18 - Creating the Button Hover Animation (CSS)
19:45 - Setting Up Data Attributes (data-show / data-hide)
21:40 - Configuring Interactions for the Toggle Switch
23:15 - Animating the Toggle Icon with Custom CSS
26:30 - Converting the Card into a Reusable Component
26:57 - Setting Component Properties (Dynamic Content)
30:17 - Testing the Final Component & Reusability
31:36 - Outro
#bricksbuilder #wordpress #wordpresstutorial