Nimiq button: small, big, arrow, back

[svub]

Turning buttons used on the website into a reusable component. Using Nimiq Style to make button small and big, with or without an arrow, and also as back button (arrow on the left pointing left)

[sisou]

Background transition seems to be missing in small case.

The Wallet now also includes a blue button without arrow that is a medium size. If this component can cover that, that would be great.

Furthermore, I would simply name this component Button.

[svub]

Can you share a pointer where to find that medium sized button? :)

[svub]

Ok, checked, seems Button is not possible - or at least not recommended.
https://vuejs.org/v2/style-guide/#Multi-word-component-names-essential

So far it's NimiqButton it could also be StyledButton. Wdyt?

[svub]

Background transition seems to be missing in small case.

Checking https://nimiq.github.io/nimiq-style/demo.html#pill-buttons - pill buttons don't have a background animation.

[sisou]

The medium size is used in the Wallet for the Send and Receive buttons: https://github.com/nimiq/wallet/blob/master/src/components/MobileActionBar.vue#L48

The pill buttons don't have an animation at the moment because no pseudo Element was left to be used for it. Now with a proper component, those buttons should also transition their background. Julian requested that a couple of times.

OK, then the button can be called NimiqButton or StyledButton or NQButton.