Skip to content

[Bug]: WC Notification spacing #20570

@RichKummer

Description

@RichKummer

Package

@carbon/web-components

Browser

Chrome

Package version

@carbon/[email protected]

React version

No response

Description

Looking at the React vs Web components version of Notification, it looks like the Web components version has double the spacing at the bottom of the container. It looks like the class cds--toast-notification__details class is used twice and adds the bottom spacing twice.

Image Image

Reproduction/example

https://web-components.carbondesignsystem.com/?path=/story/components-notifications-toast--playground&args=kind:error

Steps to reproduce

Open React Storybook for Notification
Open Web components Storybook for Notification
Compare spacing in inspect mode

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

Metadata

Metadata

Assignees

Type

Projects

Status

⏱ Backlog

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions