Next.js Conf
Segun Adebayo

Segun Adebayo

@thesegunadebayo

Creator at Chakra UI

About

Segun is the creator and maintainer of Chakra UI. He is passionate about building tools, design systems, and accessible components that help bridge the gap between design and code.

Watch their Session

Building an accessible Slider component using State Machines

In this talk, we’ll be building an accessible slider component using Statecharts and Xstate. We’re going to cover: - What statecharts and state machines are - The anatomy of a slider component - Build the state machine for a slider component - Create prop connectors for the state machine - Styling the slider component with Chakra UI - Other considerations: Value formatting, Form submission, etc.