Beacon Tooltip

Komponentas, į pamoką įdedantis švyturį, savarankišką arba prijungtą prie "taikinio". Užvedus pelės žymeklį arba spustelėjus ant jo, rodoma įrankių užuomina.

Parinktys

• title | (string|node): pavadinimas, kuris bus rodomas įrankių užuominos viršuje.. Default: none.
• content | (string|node): įrankių užuominų turinys. Default: 'content comes here...'.
• event | string: jei nustatyta į click, įrankių užrašas perjungiamas paspaudus ant švyturio; jei nustatyta į hover, įrankių užrašas aktyvuojamas užvedus ant jo.. Default: 'click'.
• placement | string: įrankio užrašo vieta, palyginti su tikslo (arba viršutinis, viršūnės pradžia, viršūnės pabaiga, apatinis, apatinio galo, kairės, kairės pradžios, kairės pabaigos, dešinės, dešinės pradžios, dešinės pabaigos, automatinis arba centrinis).. Default: 'left'.
• target | string: elemento, prie kurio norima pritvirtinti įrankių užuominą, klasės arba ID selektorius. Default: ''.
• offset | number: atstumas tarp įrankio užrašo ir tikslo pikseliuose. Default: 15.
• onChange | function: atgalinis iškvietimas, inicijuojamas pasikeitus įrankio užrašo būsenai. Gauna du argumentus: action (open arba close) ir perduotą props.. Default: onChange() {}.

Pavyzdžiai

Tiesioginis redaktorius

<BeaconTooltip content="Body of the tooltip..." title="Title comes here..." event="hover" placement="right" />

<BeaconTooltip
    content="Body of the tooltip..."
    title="Title comes here..."
    event="hover"
    placement="right"
/>

Rezultatas

ReferenceError: Provider is not defined