Tooltip
Kısa ipuçları ve kısayollar. Dokunmatik ekranlarda gizlenir.
Geri bildirim ve overlay
VTooltip
2 örnek
Konumlar
Üzerine gel veya klavyeyle odaklan.
Üstte
Altta
Solda
Sağda
Kodu göster
blade
<div class="sc-row" style="gap:56px;padding:40px 24px">
<armada:tooltip content="Üstte"><armada:button>Üst</armada:button></armada:tooltip>
<armada:tooltip content="Altta" position="bottom"><armada:button>Alt</armada:button></armada:tooltip>
<armada:tooltip content="Solda" position="left"><armada:button>Sol</armada:button></armada:tooltip>
<armada:tooltip content="Sağda" position="right"><armada:button>Sağ</armada:button></armada:tooltip>
</div>Kısayollu ikon butonlar
Kaydet⌘S
Geri al⌘Z
Ara⌘K
Kodu göster
blade
<div class="sc-row" style="padding-top:32px">
<armada:tooltip content="Kaydet" kbd="⌘S"><armada:button variant="ghost" icon="save" aria-label="Kaydet" /></armada:tooltip>
<armada:tooltip content="Geri al" kbd="⌘Z"><armada:button variant="ghost" icon="undo-2" aria-label="Geri al" /></armada:tooltip>
<armada:tooltip content="Ara" kbd="⌘K"><armada:button variant="ghost" icon="search" aria-label="Ara" /></armada:tooltip>
</div>Özellikler
<armada:tooltip>
Değerler: top | bottom | left | right
| Prop | Varsayılan | Not |
|---|---|---|
content |
zorunlu |
|
position |
'top' |
|
kbd |
null |