Skip to content

[Accordion] Panel has background color β€” should be transparentΒ #2779

@DanielleRameau

Description

@DanielleRameau

Provide a general summary of the issue here

πŸ“„ Description
The sl-accordion component currently applies a background color to its panel content. This is visible when a section is expanded (see screenshot). However, the panel should be transparent so that it can be used across different elevation layers and backgrounds without visual conflicts.

πŸ“Έ Screenshot

Image

βœ… Expected Behavior

  • The accordion panel should have a transparent background by default.
  • It should inherit or adapt to the background of its parent container or elevation layer.

❌ Current Behavior

A background color is applied to the panel, which breaks visual consistency in layered UI contexts.

πŸ§ͺ Steps to Reproduce

  • Use the sl-accordion component in a layout with elevation layers or custom backgrounds.
  • Expand a panel.
  • Observe the background color applied to the panel content.

πŸ’‘ Suggested Fix

  • Remove or override the background color from the panel container.
  • Ensure the component supports transparent or inherited backgrounds by default.

πŸ‘€ Your name

DR

🧒 Your Product/Team

SLDS

Metadata

Metadata

Assignees

Type

Projects

Status

✈️ Released

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions