paragon icon indicating copy to clipboard operation
paragon copied to clipboard

Sheet component fixed width

Open rpenido opened this issue 1 year ago • 0 comments

Feedback summary

The current Sheet component doesn't allow us to adjust the min-width or other properties of the displayed div.

The current default it's too small for some applications: image

Currently, we only can adjust it using CSS.

Improvements

We could allow the component to receive a classname props, which would allow us to pass a bootstrap classname to the Sheet div, making it easier to customize.

Edit (@brian-smith-tcril): I have created an issue to add className https://github.com/openedx/paragon/issues/3750. I am going to keep this issue open, as I don't believe className is an ideal solution for providing width customization (see https://github.com/openedx/paragon/pull/3735#issuecomment-3180061979)

In the working group meeting on 2025-08-13 we discussed possible options. One idea was to provide a "size" prop that could be set to small/medium/large.

rpenido avatar Mar 27 '24 15:03 rpenido