search

AlaskaAirlines / auro-hyperlink

Custom hyperlink element to connect webpages or data items to one another
https://auro.alaskaair.com/components/auro/hyperlink
Apache License 2.0
2 stars 2 forks source link

auro-hyperlink: Feature Request - 'fluid' attribute for CTA buttons #137

Closed MattSidor closed 1 year ago

MattSidor commented 1 year ago

Is your feature request related to a problem? Please describe.

<auro-button> has a fluid attribute (docs) which alters the width of the button to fill the full width of its parent container. The CTA button variant of <auro-hyperlink> does not currently support this.

Describe the solution you'd like

I would like the CTA buttons to support a fluid attribute, just like <auro-button>.

Describe alternatives you've considered

We considered using <auro-button> instead, but it would not be appropriate or accessible since we are linking out to a different URL.

Additional context

This is the Figma we are trying to implement. (Screenshot also posted below.) The "Continue to check in" CTA button at the bottom would link to the check-in page. (AB#756550)

Screen Shot 2022-11-23 at 12 31 46 PM
blackfalcon commented 1 year ago

@leeejune please reach out to the designer of this UI. There is an incorrect assumption of use with the Button UI over a hyperlink.

The use case here is that the designer wanted to use a Button UI, but this action is actually a hyperlink to a new page. @MattSidor reached out for updates to the CTA version of the hyperlink, but we need to review/discuss what that means.