# Bubble

[component-header:sl-bubble]

Bubble are used as small information givers or pointers to other elements, fx. as navigation pin on a map.

It can be combined with icons, but really anything can be put into the bubble.

```html preview
<sl-bubble style="font-size:var(--sl-font-size-xx-large);">
  <sl-icon name="geo"></sl-icon>
</sl-bubble>
```


[component-metadata:sl-bubble]