Button

[Willienn]

Button

A button triggers an action or event when activated.

Tasks:

• [x] Button - [ ]as: "button" | "a"
  • [x] icon: Icon that renders either before or after the children as specified by the iconPosition prop.
  • [x] disabledFocusable: When set, allows the button to be focusable even when it has been disabled.
  • [x] variants: A button can have its content and borders styled for greater emphasis or to be subtle.
  • 'secondary' (default): Gives emphasis to the button in such a way that it indicates a secondary action.
  • 'primary': Emphasizes the button as a primary action.
  • 'outline': Removes background styling.
  • 'subtle': Minimizes emphasis to blend into the background until hovered or focused.
  • 'transparent': Removes background and border styling.
  • [x] iconPosition: A button can format its icon to appear before or after its content.
  • [x] shape: A button can be rounded, circular, or square.
  • [x] size: A button supports different sizes.
  • [x] behavior: follow behavior specified here

[Willienn]

Not doing "as prop" for now

Adding "as prop" is relatively simple when the component isn't a forwardRef component. I haven't yet found a way to do this, but I'm still looking.

Extra notes

Just for clarification, while it "works" it broken the typescript entirely.

References:

https://stackoverflow.com/a/77176708/19266672 https://www.robinwieruch.de/react-as-prop/ https://www.christianvm.dev/blog/react-as-prop