Highlight

Highlighting a component

Use hasRoundCorners to apply rounded corners to the highlight component. This style is not applied by default.

Apply highlight, then click the "Apply Rounding" button to toggle rounded corners on and off to observe the effect.

Project details

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sodales vestibulum mi, tristique aliquam est congue ut. Phasellus vestibulum justo nec turpis aliquam, quis commodo leo venenatis. Integer porttitor, lectus eget vulputate porta, sem urna pretium ligula, nec elementum ipsum eros vitae sapien. Etiam vitae sodales odio, eleifend fringilla nibh. Etiam egestas mi ac velit egestas, ac consectetur nisl feugiat. Nullam at malesuada dolor, vitae commodo nulla. Proin sed lacus eros. Maecenas hendrerit in sapien nec posuere. Etiam aliquet massa risus, vel pellentesque ligula dapibus a.

Inputs
apply ?: boolean = false
calloutColor ?: any = CalloutColor.LIGHT
calloutEdgeToEdge ?: boolean = false
calloutPlacement ?: any = CalloutPlacement.RIGHT
calloutSize ?: any = CalloutSize.SMALL
hasRoundCorners ?: boolean = false
hideCloseButton ?: boolean = true
mobileCloseButton ?: boolean = true
Outputs
calloutClose ?: any = new EventEmitter<void>()