H
HeroUI
Dashboard
Analytics
Settings
  1. Dashboard

Toolbar + Footer

A second sticky row renders below the navbar via the toolbar prop. The footer prop pins a row to the bottom of the body column. Scroll the page to see both remain visible.

Item 1

Scroll down to see the footer stay in place.

Item 2

Scroll down to see the footer stay in place.

Item 3

Scroll down to see the footer stay in place.

Item 4

Scroll down to see the footer stay in place.

Item 5

Scroll down to see the footer stay in place.

Item 6

Scroll down to see the footer stay in place.

Item 7

Scroll down to see the footer stay in place.

Item 8

Scroll down to see the footer stay in place.

Item 9

Scroll down to see the footer stay in place.

Item 10

Scroll down to see the footer stay in place.

Item 11

Scroll down to see the footer stay in place.

Item 12

Scroll down to see the footer stay in place.

Item 13

Scroll down to see the footer stay in place.

Item 14

Scroll down to see the footer stay in place.

Item 15

Scroll down to see the footer stay in place.

Item 16

Scroll down to see the footer stay in place.

Item 17

Scroll down to see the footer stay in place.

Item 18

Scroll down to see the footer stay in place.

Item 19

Scroll down to see the footer stay in place.

Item 20

Scroll down to see the footer stay in place.

Item 21

Scroll down to see the footer stay in place.

Item 22

Scroll down to see the footer stay in place.

Item 23

Scroll down to see the footer stay in place.

Item 24

Scroll down to see the footer stay in place.

Item 25

Scroll down to see the footer stay in place.

Item 26

Scroll down to see the footer stay in place.

Item 27

Scroll down to see the footer stay in place.

Item 28

Scroll down to see the footer stay in place.

Item 29

Scroll down to see the footer stay in place.

Item 30

Scroll down to see the footer stay in place.

© 2026 HeroUI — sticky footer slot.v3.0.0-alpha.33
H
HeroUI
Dashboard
Analytics
Settings
  1. Dashboard

Toolbar + Footer

A second sticky row renders below the navbar via the toolbar prop. The footer prop pins a row to the bottom of the body column. Scroll the page to see both remain visible.

Item 1

Scroll down to see the footer stay in place.

Item 2

Scroll down to see the footer stay in place.

Item 3

Scroll down to see the footer stay in place.

Item 4

Scroll down to see the footer stay in place.

Item 5

Scroll down to see the footer stay in place.

Item 6

Scroll down to see the footer stay in place.

Item 7

Scroll down to see the footer stay in place.

Item 8

Scroll down to see the footer stay in place.

Item 9

Scroll down to see the footer stay in place.

Item 10

Scroll down to see the footer stay in place.

Item 11

Scroll down to see the footer stay in place.

Item 12

Scroll down to see the footer stay in place.

Item 13

Scroll down to see the footer stay in place.

Item 14

Scroll down to see the footer stay in place.

Item 15

Scroll down to see the footer stay in place.

Item 16

Scroll down to see the footer stay in place.

Item 17

Scroll down to see the footer stay in place.

Item 18

Scroll down to see the footer stay in place.

Item 19

Scroll down to see the footer stay in place.

Item 20

Scroll down to see the footer stay in place.

Item 21

Scroll down to see the footer stay in place.

Item 22

Scroll down to see the footer stay in place.

Item 23

Scroll down to see the footer stay in place.

Item 24

Scroll down to see the footer stay in place.

Item 25

Scroll down to see the footer stay in place.

Item 26

Scroll down to see the footer stay in place.

Item 27

Scroll down to see the footer stay in place.

Item 28

Scroll down to see the footer stay in place.

Item 29

Scroll down to see the footer stay in place.

Item 30

Scroll down to see the footer stay in place.

© 2026 HeroUI — sticky footer slot.v3.0.0-alpha.33