Blazor Blueprint Blazor Blueprint
Previous Radio Group Next Select

Scroll Area

A headless custom scroll area primitive that replaces native scrollbars with styleable alternatives while maintaining accessibility.

Vertical Scroll

A vertical scroll area with a long list of items in a fixed-height container. The native scrollbar is hidden and replaced with a custom styleable scrollbar.

Tags

Tag 1
Tag 2
Tag 3
Tag 4
Tag 5
Tag 6
Tag 7
Tag 8
Tag 9
Tag 10
Tag 11
Tag 12
Tag 13
Tag 14
Tag 15
Tag 16
Tag 17
Tag 18
Tag 19
Tag 20
Tag 21
Tag 22
Tag 23
Tag 24
Tag 25
Tag 26
Tag 27
Tag 28
Tag 29
Tag 30
Tag 31
Tag 32
Tag 33
Tag 34
Tag 35
Tag 36
Tag 37
Tag 38
Tag 39
Tag 40
Tag 41
Tag 42
Tag 43
Tag 44
Tag 45
Tag 46
Tag 47
Tag 48
Tag 49
Tag 50

Horizontal Scroll

A horizontal scroll area for wide content such as a row of cards or tags.

Card 1

Description for card 1

Card 2

Description for card 2

Card 3

Description for card 3

Card 4

Description for card 4

Card 5

Description for card 5

Card 6

Description for card 6

Card 7

Description for card 7

Card 8

Description for card 8

Card 9

Description for card 9

Card 10

Description for card 10

Card 11

Description for card 11

Card 12

Description for card 12

Card 13

Description for card 13

Card 14

Description for card 14

Card 15

Description for card 15

Card 16

Description for card 16

Card 17

Description for card 17

Card 18

Description for card 18

Card 19

Description for card 19

Card 20

Description for card 20

Both Orientations

A scroll area that supports both vertical and horizontal scrolling. Set Orientation to ScrollAreaOrientation.Both and include two BbScrollAreaScrollbar components.
Column 1Column 2Column 3Column 4Column 5Column 6Column 7Column 8Column 9Column 10
Row 1, Col 1Row 1, Col 2Row 1, Col 3Row 1, Col 4Row 1, Col 5Row 1, Col 6Row 1, Col 7Row 1, Col 8Row 1, Col 9Row 1, Col 10
Row 2, Col 1Row 2, Col 2Row 2, Col 3Row 2, Col 4Row 2, Col 5Row 2, Col 6Row 2, Col 7Row 2, Col 8Row 2, Col 9Row 2, Col 10
Row 3, Col 1Row 3, Col 2Row 3, Col 3Row 3, Col 4Row 3, Col 5Row 3, Col 6Row 3, Col 7Row 3, Col 8Row 3, Col 9Row 3, Col 10
Row 4, Col 1Row 4, Col 2Row 4, Col 3Row 4, Col 4Row 4, Col 5Row 4, Col 6Row 4, Col 7Row 4, Col 8Row 4, Col 9Row 4, Col 10
Row 5, Col 1Row 5, Col 2Row 5, Col 3Row 5, Col 4Row 5, Col 5Row 5, Col 6Row 5, Col 7Row 5, Col 8Row 5, Col 9Row 5, Col 10
Row 6, Col 1Row 6, Col 2Row 6, Col 3Row 6, Col 4Row 6, Col 5Row 6, Col 6Row 6, Col 7Row 6, Col 8Row 6, Col 9Row 6, Col 10
Row 7, Col 1Row 7, Col 2Row 7, Col 3Row 7, Col 4Row 7, Col 5Row 7, Col 6Row 7, Col 7Row 7, Col 8Row 7, Col 9Row 7, Col 10
Row 8, Col 1Row 8, Col 2Row 8, Col 3Row 8, Col 4Row 8, Col 5Row 8, Col 6Row 8, Col 7Row 8, Col 8Row 8, Col 9Row 8, Col 10
Row 9, Col 1Row 9, Col 2Row 9, Col 3Row 9, Col 4Row 9, Col 5Row 9, Col 6Row 9, Col 7Row 9, Col 8Row 9, Col 9Row 9, Col 10
Row 10, Col 1Row 10, Col 2Row 10, Col 3Row 10, Col 4Row 10, Col 5Row 10, Col 6Row 10, Col 7Row 10, Col 8Row 10, Col 9Row 10, Col 10
Row 11, Col 1Row 11, Col 2Row 11, Col 3Row 11, Col 4Row 11, Col 5Row 11, Col 6Row 11, Col 7Row 11, Col 8Row 11, Col 9Row 11, Col 10
Row 12, Col 1Row 12, Col 2Row 12, Col 3Row 12, Col 4Row 12, Col 5Row 12, Col 6Row 12, Col 7Row 12, Col 8Row 12, Col 9Row 12, Col 10
Row 13, Col 1Row 13, Col 2Row 13, Col 3Row 13, Col 4Row 13, Col 5Row 13, Col 6Row 13, Col 7Row 13, Col 8Row 13, Col 9Row 13, Col 10
Row 14, Col 1Row 14, Col 2Row 14, Col 3Row 14, Col 4Row 14, Col 5Row 14, Col 6Row 14, Col 7Row 14, Col 8Row 14, Col 9Row 14, Col 10
Row 15, Col 1Row 15, Col 2Row 15, Col 3Row 15, Col 4Row 15, Col 5Row 15, Col 6Row 15, Col 7Row 15, Col 8Row 15, Col 9Row 15, Col 10
Row 16, Col 1Row 16, Col 2Row 16, Col 3Row 16, Col 4Row 16, Col 5Row 16, Col 6Row 16, Col 7Row 16, Col 8Row 16, Col 9Row 16, Col 10
Row 17, Col 1Row 17, Col 2Row 17, Col 3Row 17, Col 4Row 17, Col 5Row 17, Col 6Row 17, Col 7Row 17, Col 8Row 17, Col 9Row 17, Col 10
Row 18, Col 1Row 18, Col 2Row 18, Col 3Row 18, Col 4Row 18, Col 5Row 18, Col 6Row 18, Col 7Row 18, Col 8Row 18, Col 9Row 18, Col 10
Row 19, Col 1Row 19, Col 2Row 19, Col 3Row 19, Col 4Row 19, Col 5Row 19, Col 6Row 19, Col 7Row 19, Col 8Row 19, Col 9Row 19, Col 10
Row 20, Col 1Row 20, Col 2Row 20, Col 3Row 20, Col 4Row 20, Col 5Row 20, Col 6Row 20, Col 7Row 20, Col 8Row 20, Col 9Row 20, Col 10
Row 21, Col 1Row 21, Col 2Row 21, Col 3Row 21, Col 4Row 21, Col 5Row 21, Col 6Row 21, Col 7Row 21, Col 8Row 21, Col 9Row 21, Col 10
Row 22, Col 1Row 22, Col 2Row 22, Col 3Row 22, Col 4Row 22, Col 5Row 22, Col 6Row 22, Col 7Row 22, Col 8Row 22, Col 9Row 22, Col 10
Row 23, Col 1Row 23, Col 2Row 23, Col 3Row 23, Col 4Row 23, Col 5Row 23, Col 6Row 23, Col 7Row 23, Col 8Row 23, Col 9Row 23, Col 10
Row 24, Col 1Row 24, Col 2Row 24, Col 3Row 24, Col 4Row 24, Col 5Row 24, Col 6Row 24, Col 7Row 24, Col 8Row 24, Col 9Row 24, Col 10
Row 25, Col 1Row 25, Col 2Row 25, Col 3Row 25, Col 4Row 25, Col 5Row 25, Col 6Row 25, Col 7Row 25, Col 8Row 25, Col 9Row 25, Col 10
Row 26, Col 1Row 26, Col 2Row 26, Col 3Row 26, Col 4Row 26, Col 5Row 26, Col 6Row 26, Col 7Row 26, Col 8Row 26, Col 9Row 26, Col 10
Row 27, Col 1Row 27, Col 2Row 27, Col 3Row 27, Col 4Row 27, Col 5Row 27, Col 6Row 27, Col 7Row 27, Col 8Row 27, Col 9Row 27, Col 10
Row 28, Col 1Row 28, Col 2Row 28, Col 3Row 28, Col 4Row 28, Col 5Row 28, Col 6Row 28, Col 7Row 28, Col 8Row 28, Col 9Row 28, Col 10
Row 29, Col 1Row 29, Col 2Row 29, Col 3Row 29, Col 4Row 29, Col 5Row 29, Col 6Row 29, Col 7Row 29, Col 8Row 29, Col 9Row 29, Col 10
Row 30, Col 1Row 30, Col 2Row 30, Col 3Row 30, Col 4Row 30, Col 5Row 30, Col 6Row 30, Col 7Row 30, Col 8Row 30, Col 9Row 30, Col 10

Data Attributes

Use these data attributes for CSS styling:

  • [data-orientation="vertical"] - On scrollbar when vertical
  • [data-orientation="horizontal"] - On scrollbar when horizontal
View source on GitHub
Previous Radio Group Next Select