Callout
A callout is an anchored tip that can be used to teach people or guide them through the app without blocking them.
Usage
Basic
Basic usage of BitCallout component with a simple content and a button as the anchor to show or hide the callout.
This is the callout content.
External anchor
Use an external element as the anchor for a BitCallout component, with both ID-based and ElementSelector-based anchoring options.
Selected date
December 2024
S
M
T
W
T
F
S
Selected date
December 2024
S
M
T
W
T
F
S
Binding
Bind the Open state of BitCallout component to a boolean variable, allowing for more control over its opening and closing behavior.
This is the callout content.
You can even close it from here!
You can even close it from here!
DropDirection
Explores different drop directions for the BitCallout component, including automatic and explicit directions.
DropDirection: All
Callout content 1
Callout content 2
Callout content 3
Callout content 4
Callout content 5
Callout content 6
Callout content 7
Callout content 8
Callout content 9
Callout content 10
Callout content 11
Callout content 12
DropDirection: TopAndBottom
Callout content 1
Callout content 2
Callout content 3
Callout content 4
Callout content 5
Callout content 6
Callout content 7
Callout content 8
Callout content 9
Callout content 10
Callout content 11
Callout content 12
Style & Class
Explores styling and class customization for BitCallout, including component styles, custom classes, and detailed style options.
Component's Style & Class:
This is the callout content.
This is the callout content.
Styles & Classes:
This is the callout content.
Show callout
This is the callout content.
API
BitCallout parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitCallout public members
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase public members
Name |
Type |
Default value |
Description |
---|---|---|---|
BitCalloutClassStyles properties
Name |
Type |
Default value |
Description |
---|---|---|---|
BitDropDirection enum
Name |
Value |
Description |
---|---|---|
BitResponsiveMode enum
Name |
Value |
Description |
---|---|---|
BitVisibility enum
Name |
Value |
Description |
---|---|---|
BitDir enum
Name |
Value |
Description |
---|---|---|
- On this page