Skip to main content

Button Component Demo

This page showcases our custom Button component with different variants, sizes, and functionalities using the text prop.

Basic Buttons​

Visit Google Go to Docs

Interactive Button​

Disabled Buttons​

Styled Layout​

Here's a row of buttons with some custom styling:

Usage Notes​

  • Use the variant prop for styling: primary, secondary, or outline
  • Use the size prop: small, medium, or large
  • Add href for links or onClick for interactivity
  • Set disabled to true to disable the button
  • The text prop is required for all buttons