Sage / carbon

Carbon by Sage | ReactJS UI Component Library
https://carbon.sage.com
Apache License 2.0
273 stars 86 forks source link

There is no way to add borders to a drawer component #6803

Open elvis-iacobescu-sage opened 2 weeks ago

elvis-iacobescu-sage commented 2 weeks ago

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

PaulSumner-Sage commented 1 week ago

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 commented 1 week ago

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