The Buttons component is a key part of our design system, providing a consistent and intuitive user interface across our application. Below, you'll find an overview of the Buttons component, including usage, customization, and examples.

Usage

Buttons are used to trigger actions, such as submitting forms or navigating to a new page. They should be prominent and easily noticeable to the user.

  • Primary Button: Used for the primary action on a page, such as "Submit" or "Save".
  • Secondary Button: Used for secondary actions, such as "Cancel" or "Back".
  • Tertiary Button: Used for less prominent actions, like "Learn More" or "Info".

Customization

Our Buttons can be customized to fit the design and functionality of your application. You can change the color, size, and shape to match your brand and user experience needs.

  • Color: We offer a range of predefined colors, as well as the option to use custom colors.
  • Size: Buttons can be small, medium, or large, depending on the context.
  • Shape: Buttons can be rectangular, rounded, or circular.

Examples

Here are some examples of the Buttons component in action:

  • Primary Button
  • Secondary Button
  • Tertiary Button

For more examples and detailed customization options, check out our Design System Components Documentation.

If you have any questions or need further assistance, please don't hesitate to reach out to our support team at support@ourwebsite.com.