docs site

Sticky, with a search field, a link and a theme switch.

Section 1

Routes come from the folder structure. A file named page becomes a route, and brackets in a folder name become a parameter.

Section 2

Guards run before a page renders. Return a redirect to send the visitor elsewhere, or throw to show the error page.

Section 3

Loaders run on the server and hand typed data to the page. Cache a result for a time, or revalidate it on demand.

Section 4

Sessions live in a signed cookie. Add a role to restrict a route, and read the current user from any loader.

Section 5

Previews build on every branch. Promote one to production when it looks right, and roll back with one command.

Section 6

Routes come from the folder structure. A file named page becomes a route, and brackets in a folder name become a parameter.

Section 7

Guards run before a page renders. Return a redirect to send the visitor elsewhere, or throw to show the error page.

Section 8

Loaders run on the server and hand typed data to the page. Cache a result for a time, or revalidate it on demand.

Section 9

Sessions live in a signed cookie. Add a role to restrict a route, and read the current user from any loader.

Section 10

Previews build on every branch. Promote one to production when it looks right, and roll back with one command.

dashboard

Sticky with a Reports dropdown, notifications and an account menu.

  • Order 11000
  • Order 21037
  • Order 31074
  • Order 41111
  • Order 51148
  • Order 61185
  • Order 71222
  • Order 81259
  • Order 91296
  • Order 101333
  • Order 111370
  • Order 121407
  • Order 131444
  • Order 141481

compact

size sm, density compact.

sizes

with dropdowns

Hover or focus a trigger, arrow keys move between items.

with menu

Narrow containers collapse to a menu button. The sheet locks page scroll and returns focus on close.

hide on scroll

Scroll down inside the frame to hide the bar, scroll up to bring it back.

  • Entry 11000
  • Entry 21037
  • Entry 31074
  • Entry 41111
  • Entry 51148
  • Entry 61185
  • Entry 71222
  • Entry 81259
  • Entry 91296
  • Entry 101333
  • Entry 111370
  • Entry 121407
  • Entry 131444
  • Entry 141481
  • Entry 151518
  • Entry 161555
  • Entry 171592
  • Entry 181629
  • Entry 191666
  • Entry 201703

positioning

static scrolls away, sticky holds its place, fixed floats over the content.

position: static
  • Row 11000
  • Row 21037
  • Row 31074
  • Row 41111
  • Row 51148
  • Row 61185
  • Row 71222
  • Row 81259
  • Row 91296
  • Row 101333
  • Row 111370
  • Row 121407
  • Row 131444
  • Row 141481
position: sticky
  • Row 11000
  • Row 21037
  • Row 31074
  • Row 41111
  • Row 51148
  • Row 61185
  • Row 71222
  • Row 81259
  • Row 91296
  • Row 101333
  • Row 111370
  • Row 121407
  • Row 131444
  • Row 141481
position: fixed
  • Row 11000
  • Row 21037
  • Row 31074
  • Row 41111
  • Row 51148
  • Row 61185
  • Row 71222
  • Row 81259
  • Row 91296
  • Row 101333
  • Row 111370
  • Row 121407
  • Row 131444
  • Row 141481

max width

maxWidth md and full inside the same frame width.