Button
Buttons are important part of any website. They are also called call to action. Hydrogen provides various types of buttons that you can use in our website's form, dilaog and more.
Simple Button
Hydrogen provides buttons with different state such as success, dange jus like alerts.
Outline Button
There are two types of outline buttons, primary and secondary.
Disabled Button
Make buttons look inactive by adding the disabled boolean
attribute to any Button element. Disabled buttons
have pointer-events: none applied to,
preventing hover and active states from triggering.
Button Sizes
Use btn-small and btn-lg class to
create small and large button
Button Link and Icon
You can use icons as a button which are fully accessibile to screen readers and also link as a button.
Toggle Button
A toggle switch is a digital on/off switch. Toggle switches are best used for changing the state of system functionalities and preferences. Toggles may replace two radio buttons or a single checkbox to allow users to choose between two opposing states.