The Callout component serves to convey highlighted information content of different types.
1import { Callout } from '@hummingbot/hbui/components/callout'
2
3<Callout
4 title='Default callout'
5 text='Binance Perpetual connector is released as beta version(0.33), trade it with your own risk. Binance Perpetual is different from futures contract, please see differences..'
6/>1import { CalloutSuccess } from '@hummingbot/hbui/components/callout'
2
3<CalloutSuccess
4 title='Success callout'
5 text='Binance Perpetual connector is released as beta version(0.33), trade it with your own risk. Binance Perpetual is different from futures contract, please see differences..'
6/>1import { CalloutInfo } from '@hummingbot/hbui/components/callout'
2
3<CalloutInfo
4 title='Info callout'
5 text='Binance Perpetual connector is released as beta version(0.33), trade it with your own risk. Binance Perpetual is different from futures contract, please see differences..'
6/>1import { CalloutWarning } from '@hummingbot/hbui/components/callout'
2
3<CalloutWarning
4 title='Warning callout'
5 text='Binance Perpetual connector is released as beta version(0.33), trade it with your own risk. Binance Perpetual is different from futures contract, please see differences..'
6/>1import { CalloutDanger } from '@hummingbot/hbui/components/callout'
2
3<CalloutDanger
4 title='Danger callout'
5 text='Binance Perpetual connector is released as beta version(0.33), trade it with your own risk. Binance Perpetual is different from futures contract, please see differences..'
6/>1import { CalloutTip } from '@hummingbot/hbui/components/callout'
2
3<CalloutTip
4 title='Tip callout'
5 text='Binance Perpetual connector is released as beta version(0.33), trade it with your own risk. Binance Perpetual is different from futures contract, please see differences..'
6/>1import { CalloutBug } from '@hummingbot/hbui/components/callout'
2
3<CalloutBug
4 title='Bug callout'
5 text='Binance Perpetual connector is released as beta version(0.33), trade it with your own risk. Binance Perpetual is different from futures contract, please see differences..'
6/>1import { CalloutNote } from '@hummingbot/hbui/components/callout'
2
3<CalloutNote
4 title='Note callout'
5 text='Binance Perpetual connector is released as beta version(0.33), trade it with your own risk. Binance Perpetual is different from futures contract, please see differences..'
6/>Prop Name
Type
Default
Required
Description
title
String
' '
required
The title of the callout.
text
String
' '
required
The description of the callout.)