Creator at Chakra UI
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.
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.