Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add CTA (call to action) bar #819

Open
LibbyUX opened this issue Nov 15, 2024 · 0 comments
Open

Add CTA (call to action) bar #819

LibbyUX opened this issue Nov 15, 2024 · 0 comments
Labels
app: design system storybook HRA Design System Storybook for global consistency across HRA products atomic design: molecule A set of component atoms that make a larger component ⚙️ hra-ds: new 🆕 A new component being added to the HRA Design System Storybook

Comments

@LibbyUX
Copy link
Contributor

LibbyUX commented Nov 15, 2024

image

Please add our call to action (CTA) bar to Storybook. This is currently implemented on https://humanatlas.io/ and it needs to be modified aesthetically to fit into our design system.

Current Implementation PR:

Breakpoint guidance

image

Behavior

  • The default text and link has been provided. This content may need quick edits when our team wants to feature something different in this space.
  • There is no hover or pressed state in the secondary CTA button variant
    • This link will open in a new tab
  • No modifications to the close icon button and it's regular states should show

Figma

@LibbyUX LibbyUX added app: design system storybook HRA Design System Storybook for global consistency across HRA products ⚙️ hra-ds: new 🆕 A new component being added to the HRA Design System Storybook atomic design: molecule A set of component atoms that make a larger component labels Nov 15, 2024
@LibbyUX LibbyUX added this to the Develop: HRA-DS Storybook milestone Nov 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
app: design system storybook HRA Design System Storybook for global consistency across HRA products atomic design: molecule A set of component atoms that make a larger component ⚙️ hra-ds: new 🆕 A new component being added to the HRA Design System Storybook
Projects
None yet
Development

No branches or pull requests

1 participant