GeoBorderedBoxHeader Ready 7.3.0+

GeoBorderedBoxHeader is component designed to fit nicely as header of a GeoBorderedBox.

It supports displaying a special trailing icon button and allows setting an optional clickable icon in the leading edge of the header.

TIP

Set a listener on click-trailing-icon event to show the trailing icon button.

Properties

Prop name Type Default value Description
icon array Show description
trailingIcon array
function () {
  return ['fal', 'times']
}
Show description

Events

Name Type Description
click MouseEvent User clicked this header.
click-icon MouseEvent User clicked the icon.
click-trailing-icon MouseEvent User clicked trailing icon button.

Slots

Name Description
default

Use this slot to customize header’s content

Constants

This component has no exported constants.

Examples

Simple header

With leading icon

With trailing icon

With leading & trailing icon