Skip to content

Card component shouldn't have a default padding and a border #300

@brionmario

Description

@brionmario

Describe the issue:

There's a default padding & a border for the Card component from the default theme level.
This behaviour is inconsistent with the MUI behaviour since the content should be placed inside a CardContent component.

https://github.com/wso2/oxygen-ui/blob/559796f/packages/react/src/theme/default-theme.ts#L144-L145

How to reproduce:

  • Import the Card from @oxygen-ui/react/Card
  • See the padding & default border

Expected behavior:

  1. There shouldn't be any padding for the Card component.
  2. If users want a bordered card, they should use the variant="outlined"

Additional context :

  • Affected Package:
    • @oxygen-ui/logger
    • @oxygen-ui/primitives
    • @oxygen-ui/react
    • @oxygen-ui/react-icons
  • Library Version: [e.g., 1.10.0, 2.0.0-alpha]
  • OS:
    • Windows
    • Linux
    • Mac
    • Other
  • Browser:
    • Google Chrome
    • Firefox
    • Safari
    • Microsoft Edge
    • Brave
    • Opera
    • Other

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