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!

[edleeks87]

@ljemmo any updates?

[nineteen88]

@edleeks87 I believe @ljemmo was still waiting for a response from @elvis-iacobescu-sage regarding the designs so that a decision could be made. Elvis, would it be possible to pick this up with Luke when you get a moment? Thank you!

[spookendiesel]

This was the expected design from UX
(Screenshot 1 removed and added to ticket)

And this is how it looks with no top border
(Screenshot 2 removed and added to ticket)

[ljemmo]

ok thanks @spookendiesel - the request seems fair enough. @nineteen88 or @edleeks87 from a DS perspective happy to support this. In the newest DS version we offer standard and subtle border colors so i suggest we offer the same props here. Thoughts appreciated.

[harpalsingh]

@spookendiesel Do you know which designer provided that version of breadcrumbs and/or was this a requirement because the following design of breadcrumbs wasnt possible?

(Screenshot 3 removed and added to ticket)

@ljemmo We might want to consider if this is a border on the top of the Drawer or its a border at the bottom of a container with the breadcrumbs first.

[spookendiesel]

@spookendiesel Do you know which designer provided that version of breadcrumbs and/or was this a requirement because the following design of breadcrumbs wasnt possible?

@ljemmo We might want to consider if this is a border on the top of the Drawer or its a border at the bottom of a container with the breadcrumbs first.

@harpalsingh I think it was Dale Pealing. The original discussion can be found here

(Link removed and added to ticket)

[nicktitchmarsh]

FE-6872