Button

Trigger an action or event, such as submitting a form or displaying a dialog.

Two main props available: isPillActive and isIndicatorActive. You can style each of them as you want.

The main goal of the second indicator here is to make it easy to indicate the active tab with one prop - isIndicatorActive, and to indicate the hovered tab with another prop - isPillActive. You decide which should be active on which event, and you decide how to style each of them separately.

Fully customizable with data attributes.