Top
A TopTips component with COUI style.
A tip banner shown at the top of a page, mirroring ColorOS's COUIDefaultTopTips: a rounded card (couiColorContainer4 fill, couiRoundCornerM corners) holding an optional 24dp start icon, a 14sp message and one trailing element. Like the original view the trailing element is exclusive: providing actionText shows an accent colored text button (COUI text-button type), otherwise providing onClose shows a round close button (COUI image-button type). When the message would collide with the action label, the label drops to its own row below the text (COUIDefaultTopTipsView.isNeedMultiText).
Toggling visible plays the COUICustomTopTips show/dismiss animation (a 250ms vertical scale); the banner leaves the composition once the dismiss animation finishes.
Parameters
The message of the TopTips.
The modifier to be applied to the TopTips.
Whether the TopTips is visible. Changing this value animates the banner in/out.
The optional leading icon of the TopTips, laid out in a TopTipsDefaults.IconSize box.
The optional label of the trailing action button.
The callback when the action button is clicked.
The callback when the close button is clicked. Only shown when actionText is absent, matching COUIDefaultTopTipsView's exclusive button types.
The corner radius of the TopTips.
The TopTipsColors of the TopTips.