DocsStylesComponentsPatternsExamples
Payroller

Wednesday, January 17th, 2024

Posted by JS Park

Page

This is an example for how to organize the page with BDS components.

Navbar is a navigation component for the entire app. PageHeader is a component for showing the header of the page. Navbar and PageHeader apperance changes on the viewport size, breaking point is md (768px).

PageHeader each Buttons can be minimized on mobile view by setting minimize prop to true.

Content is a component for wrapping page contents. The components inside the Content should have no horizontal padding & margin.