#326: Design Pattern Deepdives: Tabs and InfoBox

Chris and Stephen pick out a couple of components from our design pattern library (which we talked about last here) and go into why they exist, what they do, what makes them complex, and the API choices. Relatively new to us is the idea of compound components which have, so far, been good to us as far as composing components in a way that makes them easier to use and more flexible.

Time Jumps

00:36 Using our pattern library

02:14 Tabs

10:22 Sponsor: Jetpack

12:21 What is our state?

15:01 It’s easy to implement tabs

22:05 Box component

Sponsor: Jetpack

We’re fans of Jetpack! You might recognize Instant Search right here in the CodePen docs. But we’re well aware that not everybody feels as strongly positively as we do. Last call here… have your say, tell us why you don’t use it if you don’t:

I have a one-question survey for anyone who is hesitant (or even has negative feelings) about Jetpack for WordPress sites. Trying to understand understand why by seeking exact reasons. https://t.co/euAEy0MXEK

— CSS-Tricks (@css) July 6, 2021

The post #326: Design Pattern Deepdives: Tabs and InfoBox appeared first on CodePen Blog.

Flatlogic Admin Templates banner