H1 RailsH1 Rails
H1 Rails
Base Styles
Better Select
Demos
Code
H1 Rails
Base Styles
Better Select
Demos
Code
  • Intro

    • About H1 Rails
    • Libraries
    • Setup
    • Structure
  • Elements

    • Icons
    • Toasts
    • Modals
    • Dropdowns
    • Native HTML Date Picker

Structure

  • views/layouts/application.html.erb houses the base layout
  • views/shared/_head loads the content for every page's <head> tag.
  • views/shared/_partial_containers.html.erb loads the containers for toasts, modals, and the sidebar. It's loaded just after the opening body tag.
  • /public/stylesheets is where we put our own stylesheets.
  • /public/stylesheets/styles.css contains the base css, including color variables and a few other minor utilities.
  • /public/js/custom.js defines app-wide javascript behaviour, such as tippy.js for tooltips.
  • Put external libraries in /public/vendor. The only external library we load by default is Tailwind Lite.
Last Updated:
Contributors: Tony Ennis
Prev
Setup