Skip to content

[BUG] - Snackbar component missing semicolon #842

@gmantuanrosa

Description

@gmantuanrosa

Describe the bug
When using the Snackbar component on React Native the app has a render error as <css input:4:28: Missed semicolon

To Reproduce
Steps to reproduce the behavior:

Go to https://gympass.github.io/yoga/components/snackbar#native
Copy the Snackbar example from the page

<Snackbar
  variant="success"
  icon={CheckedFull}
  message="Feedback message."
  actionLabel="Action"
  onAction={() => {}}
  duration="default"
  bottomOffset={0}
  ref={snackbarRef}
/>

Save the changes and reload the app
The Render Error should occur with the same issue

Screenshots
Render Error:
Captura de Tela 2024-07-29 às 17 39 58

Terminal LOG:
Captura de Tela 2024-07-29 às 17 40 12

Digging into the code, this line appears to be the issue

margin-horizontal: ${margin.horizontal}px

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions