Към съдържанието
НАСЛАГВАНИЯ · FREE

Tooltip

Кратка подсказка при посочване или фокус, без скрипт.

Кратка подсказка при посочване и при фокус с клавиатура. Чист CSS е, така че работи и преди страницата да стане интерактивна.

Защо помага

  • Посочване и фокус
  • Не е нужен скрипт
  • Достъпна

Къде пасва

  • Бутони с иконки
  • Съкращения
  • Иконки в лента
Контролата Tooltip в страница на RayCraft

Пример

<Stack Spacing="8" Wrap Style="padding:2rem">
    <Tooltip Text="Top (default)"><Button Variant="Variant.Outlined">Top</Button></Tooltip>
    <Tooltip Text="Bottom" Placement="TooltipPlacement.Bottom"><Button Variant="Variant.Outlined">Bottom</Button></Tooltip>
    <Tooltip Text="Left" Placement="TooltipPlacement.Left"><Button Variant="Variant.Outlined">Left</Button></Tooltip>
    <Tooltip Text="Right" Placement="TooltipPlacement.Right"><Button Variant="Variant.Outlined">Right</Button></Tooltip>
</Stack>

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.

Всички контроли ยท Документация