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

Small cta buttons #172

Closed braven112 closed 8 months ago

braven112 commented 1 year ago

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

Some of our marketing placements are small and have a need for a CTA that is much smaller than the standard CTA.

image

Describe the solution you'd like

Basically the same thing that was implemented on <auro-button slim> but for <auro-hyperlink type="cta"> We'll also need to update the figma component updated to match this and have the exact specs before we implement this feature.

Describe alternatives you've considered

Using the standard link type is the alternative and that works for the really small placements.

Additional context

Currently when designers create this, the web content team has to recreate the hyperlink component with CSS. This feature would eliminate the need to do that. This would also allow slim buttons and slim hyperlinks to live next to each other.

Verify the version of @aurodesignsystem/auro-hyperlink you have installed

The current version is: See it on NPM!

My project has @aurodesignsystem/auro-hyperlink v installed

Need design blueprint for using auro-hyperlink as a "slim cta" that is the same size as auro-button so that designers can use the two interchangeable.

yvonneyamasaki commented 8 months ago

Here is the Blueprint for the smaller Hyperlink CTA

https://www.figma.com/file/TSFOFDwWQxmpPpYQ2F06lH/Hyperlink?type=design&node-id=2233-2573&mode=design

Screenshot 2023-11-01 at 11 25 04 AM Screenshot 2023-11-01 at 11 25 16 AM Screenshot 2023-11-01 at 11 25 23 AM