<div @tooltip>{{ text }}</div>

./sz-tooltip.component.scss

:host {
    display: block
}

div {
    background-color: #292929;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 4px;
}