Implement the Button Component

[orama254]

What feature are you adding?

Button Component

Describe your issue

Requirements

• Button
  • Create a component named Button in the components folder that implements the screenshots below.
  • It should use the native HTML button element.
  • It should accept all HTML button props.
• Link
  • Create a component named LinkButton in the components folder that implements the screenshots below.
  • It should use the native HTML a element.
  • It should accept all HTML a props.
• Both buttons should handle long labels by hiding the overflow with an ellipsis.
• Both buttons should match the design.

SCREENSHOTS

Figma Design

Acceptance Criteria

• The implementation should match the design - typography and spacing.
• The buttons should be responsive and work well on both desktop and mobile viewports.
• Long labels should be handled correctly.

[enowdivine]

Hi @orama254 Please assign the button component to me.

[orama254]

Hey @enowdivine

Go ahead, remember to go through our contribution guidelines and also evaluate the acceptance criteria before submitting a pull request.

Happy hacking!!!

[orama254]

@enowdivine

ALSO NOTE: This issue has some other dependencies, eg #77 & #82 How soon do you think you can submit a PR?

[enowdivine]

@enowdivine

ALSO NOTE: This issue has some other dependencies, eg #77 & #82 How soon do you think you can submit a PR?

ok noted. I can submit a PR in a day maximum.

[enowdivine]

Hello @orama254 the figma design link leads to no where. Please can you check that

[orama254]

My bad @enowdivine

It should be all good now, nice catch.

Let me know if there is anything else you would want assistance with.

[enowdivine]

Ok sure.