When building your pages and layouts in a Rails app, consistency in design goes a long way to helping your app's users find your app intuitive and easy to use.
The Page Header component offers a way to add consistency across all of your pages.
It's a simple container that holds your page's H1 headline tag, along with optional buttons, spacing, and margin.
When using Instrumental Scaffolds, the page header is automatically added to your scaffolded pages' layouts.
rails g instrumental:page_headerTo insert a component into a view:
rails g instrumental:panels:insertTo insert a panel into a panels component in a view:
rails g instrumental:panels:insertFind all of your customization options (via local variables) in this file:
app/views/shared/components/page_header/_page_header.html.erb
I created Instrumental Components to make designing and building professional apps with Ruby on Rails easy, fast, and fun. I use it on all of my projects and I hope it helps you build something great.
