- bit BlazorUI
Home Docs

PullToRefresh

The PullToRefresh component is used to add the pull down to refresh feature to a page or a specific element.

Usage

Basic
01. Item 16
02. Item 47
03. Item 3
04. Item 50
05. Item 3
06. Item 49
07. Item 37
08. Item 5
09. Item 9
10. Item 3
11. Item 23
12. Item 30
13. Item 48
14. Item 12
15. Item 16
16. Item 16
17. Item 38
18. Item 17
19. Item 7
20. Item 35
21. Item 21
22. Item 14
23. Item 32
24. Item 49
25. Item 49
26. Item 5
27. Item 45
28. Item 31
29. Item 24
30. Item 9
31. Item 31
32. Item 45
33. Item 3
34. Item 9
35. Item 24
36. Item 3
37. Item 29
38. Item 30
39. Item 2
40. Item 2
41. Item 10
42. Item 14
43. Item 42
44. Item 4
45. Item 11
46. Item 47
47. Item 34
48. Item 15
49. Item 9
50. Item 8
Custom loading
01. Item 38
02. Item 42
03. Item 6
04. Item 20
05. Item 33
06. Item 6
07. Item 33
08. Item 4
09. Item 41
10. Item 37
11. Item 48
12. Item 5
13. Item 4
14. Item 29
15. Item 50
16. Item 11
17. Item 15
18. Item 24
19. Item 3
20. Item 20
21. Item 46
22. Item 42
23. Item 12
24. Item 15
25. Item 30
26. Item 28
27. Item 23
28. Item 11
29. Item 4
30. Item 26
31. Item 46
32. Item 11
33. Item 10
34. Item 22
35. Item 33
36. Item 36
37. Item 41
38. Item 13
39. Item 32
40. Item 21
41. Item 25
42. Item 42
43. Item 46
44. Item 9
45. Item 8
46. Item 10
47. Item 26
48. Item 39
49. Item 34
50. Item 43
Multiple
00. Item 5
01. Item 10
02. Item 36
03. Item 5
04. Item 35
05. Item 37
06. Item 7
07. Item 0
08. Item 37
09. Item 16
10. Item 18
11. Item 41
12. Item 12
13. Item 4
14. Item 29
15. Item 27
16. Item 25
17. Item 10
18. Item 45
19. Item 16
20. Item 13
21. Item 16
22. Item 5
23. Item 1
24. Item 39
25. Item 10
26. Item 26
27. Item 13
28. Item 4
29. Item 26
30. Item 49
31. Item 22
32. Item 25
33. Item 17
34. Item 34
35. Item 0
36. Item 2
37. Item 20
38. Item 5
39. Item 19
40. Item 20
41. Item 42
42. Item 8
43. Item 1
44. Item 28
45. Item 38
46. Item 11
47. Item 39
48. Item 39
49. Item 18
51. Item 98
52. Item 63
53. Item 57
54. Item 89
55. Item 100
56. Item 71
57. Item 73
58. Item 74
59. Item 98
60. Item 66
61. Item 60
62. Item 98
63. Item 77
64. Item 69
65. Item 74
66. Item 71
67. Item 96
68. Item 55
69. Item 72
70. Item 80
71. Item 71
72. Item 77
73. Item 68
74. Item 81
75. Item 78
76. Item 72
77. Item 79
78. Item 97
79. Item 76
80. Item 59
81. Item 99
82. Item 57
83. Item 91
84. Item 74
85. Item 76
86. Item 68
87. Item 94
88. Item 75
89. Item 79
90. Item 73
91. Item 96
92. Item 79
93. Item 57
94. Item 67
95. Item 73
96. Item 97
97. Item 60
98. Item 67
99. Item 92
100. Item 76

API

BitPullToRefresh parameters
Name
Type
Default value
Description
Anchor RenderFragment? null The anchor element that the pull to refresh component adheres to (alias of ChildContent).
ChildContent RenderFragment? null The anchor element that the pull to refresh component adheres to.
Factor decimal 2 The factor to balance the pull height out.
Loading RenderFragment? null The custom loading template to replace the default loading svg.
Margin int 30 The value in pixel to add to the top of pull element as a margin for the pull height.
OnRefresh EventCallback The callback for when the threshold of the pull-down happens.
OnPullStart EventCallback<BitPullToRefreshPullStartArgs> The callback for the starting of the pull-down.
OnPullMove EventCallback<decimal> The callback for when the pull-down is in progress.
OnPullEnd EventCallback<decimal> The callback for the ending of the pull-down.
ScrollerElement ElementReference? null The element that is the scroller in the anchor to control the behavior of the pull to refresh.
ScrollerSelector string? null The CSS selector of the element that is the scroller in the anchor to control the behavior of the pull to refresh.
Threshold int 0 The threshold in pixel for pulling height that starts the pull to refresh process.
Trigger int 80 The pulling height in pixel that triggers the refresh.
BitComponentBase parameters
Name
Type
Default value
Description
AriaLabel string? null The aria-label of the control for the benefit of screen readers.
Class string? null Custom CSS class for the root element of the component.
Dir BitDir? null Determines the component direction.
HtmlAttributes Dictionary<string, object> new Dictionary<string, object>() Capture and render additional attributes in addition to the component's parameters.
Id string? null Custom id attribute for the root element. if null the UniqueId will be used instead.
IsEnabled bool true Whether or not the component is enabled.
Style string? null Custom CSS style for the root element of the component.
Visibility BitVisibility BitVisibility.Visible Whether the component is visible, hidden or collapsed.
BitComponentBase public members
Name
Type
Default value
Description
UniqueId Guid Guid.NewGuid() The readonly unique id of the root element. it will be assigned to a new Guid at component instance construction.
RootElement ElementReference The ElementReference of the root element.
BitPullToRefreshPullStartArgs properties
Name
Type
Default value
Description
Top decimal The top offset of the pull to refresh element in pixels.
Left decimal The left offset of the pull to refresh element in pixels.
Width decimal The width of the pull to refresh element in pixels.
BitVisibility enum
Name
Value
Description
Visible 0 The content of the component is visible.
Hidden 1 The content of the component is hidden, but the space it takes on the page remains (visibility:hidden).
Collapsed 2 The component is hidden (display:none).
BitDir enum
Name
Value
Description
Ltr 0 Ltr (left to right) is to be used for languages that are written from the left to the right (like English).
Rtl 1 Rtl (right to left) is to be used for languages that are written from the right to the left (like Arabic).
Auto 2 Auto lets the user agent decide. It uses a basic algorithm as it parses the characters inside the element until it finds a character with a strong directionality, then applies that directionality to the whole element.
  • On this page