There is no way to add borders to a drawer component

[elvis-iacobescu-sage]

Description

I have 2 components Breadcrumbs and a drawer component. The drawer has a 1px border top In the designs. Right now I have to do a workaround to be able to add a top border(<Hr my={0} >). We need a way to add borders to the box component or the drawer component designs.

Suggested solution

Add a border to the box Component or the Drawer component, or create a specific component that would be able to add borders around existing components

Demo URL

No response

Alternatives

No response

Additional context

No response

Confidentiality

• I confirm there is no confidential or commercially sensitive information included.

[PaulSumner-Sage]

I would suggest that the <Drawer /> component work when not "fullscreen" in an app and has the option to have a top/bottom border when required instead of another component required to make it look correct on a page

[edleeks87]

@ljemmo and @harpalsingh thoughts on updating the designs for Drawer to support the above?

[ljemmo]

@elvis-iacobescu-sage please can you share a design via slack or teams for us to understand what this change would mean visually?

[nineteen88]

@ljemmo @elvis-iacobescu-sage Hey both. Just chasing to see if you got anywhere further with this and if designs had been shared so a decision could be made? Thanks!