View Source Shino.UI.Shell (shino v0.1.1-alpha.0)

Provides application shell related components.

Summary

Functions

Renders application shell using two column layout.

Functions

Renders application shell using two column layout.

It's better to have following class on <body /> for using this component:

<body class="overflow-hidden">
  <Shell.two_column>
    <% # ... %>
  </Shell.two_column>
</body>

Responsive design

The breakpoint of responsive design is md.

Attributes

  • id (:string) - Defaults to "shell".

Slots

  • logo (required)
  • sidebar (required)
  • topbar
  • main (required)