Allow Configuration of breakpoints in Layout Component

[atanasgeorgiev93]

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

Currently there is no way for a developer to configure the breakpoints for the Layout component. This feature would allow to the developer to pass a property with the breakpoints to the Layout component, and the Layout would use these variables as breakpoints instead of the default ones.

Note - If issue is accepted, I am happy to contribute and raise a PR.

What does the proposed API look like?

Property	Description	Type	Default
breakpoints	custom breakpoints for layout	Object { xs: string , sm: string, md: string, lg: string, xl: string, xxl: string }	{ xs: '480px', sm: '576px', md: '768px', lg: '992px', xl: '1200px', xxl: '1600px' }

[atanasgeorgiev93]

I'm starting dev work on this

[OArnarsson]

@atanasgeorgiev93 any update on this? 🤓

[shadab14meb346]

@atanasgeorgiev93 are you working on this?
If you are busy or need if need some help I will be happy to do so.

[shadab14meb346]

How do I know if someone else is working on this issue or not?

[dabljues]

Also, it would be good to define additional breakpoints, like something below xs or above xxl

[kiril-daskalov]

UP

[YinglunQ]

would be great if we can customize our own breakpoints instead of following bootstrap's fixed breakpoints

[afc163]

Supported in #39105