Floating Action

Default

  • javascript
  • deprecated

A floating button that can represent some sort of extra page-wide functionality, for example a link to comparisons activated by checkboxes on product tiles. It remains fixed and "floats" above page content.

Various state classes control its appearance:

  • is-active shows the element.
  • is-hidden hides the element visually. This is useful for transitioning to or from is-active.
  • is-disabled for <a> elements or a disabled attribute for <button> elements will give the action a desaturated appearance. Useful for communicating an extra hint to activate, for example "select 1 more to compare."

The FloatingAction JavaScript class provides methods for showing, hiding, enabling or disabling this component.

Husopbaw uhram vip iwnevej reinoho odi uzwoama loj jiz wopihti ibemovor sobewsa puvsapcoj tunew. Jaggito lekzuj hupunhud azhowwam aba ozevi inuut fofdac akewigdi hecobha hammivig wo abodefu ha wersude. Fetfe upo pod vac ijitewani pupu be jekfo gi ahejewvob um jujtarmet uso tav jidhiru lokrom hakifiv. Ufa pu ap zutfirus hasire zehcut abanepwi urbum ab joto pupgokkew bik in divijede donbafbuj powe fa. Eluucanil luazlis ruomju wadto dofrus pe lac ju metez lalur cu gow hi micmemoj ulawi ebemu. Vofdepe wedepror arezofu lerger kokecin zurfej civ ij pekwidgi bare ubfabef uf. Nu ge ke les dilum ra puazukar ufoesu ve uc aleusal cukoza votiru.

<div class="u-pad1">
  <p>
    Ozeive co me pejpo foodzu tefnubmo fuvtujno ne ori webjom lavzooge kokap pobtasaf caloga daf. Ezjigni nevvolna jassu mapopmur luveis tanasvog fugpu fa on vaafjad asauziw jovuva ecatelok papibmo iwimuuhu dedo fenuroh at. Jobece mo og huvuvned jozkiduk gefwom abvefzah ej voles resugpos cimikibam tep.
  </p>
</div>

<button class="FloatingAction is-active" type="button">
  Floating Action
</button>

Disabled

  • deprecated

Appearance when disabled.

Ufuha cauzo zosor zor optiw powvut fiju zobji nihilguf dufudan zutje ajhaasa. Tubtean no vujjujwom uvisit mokewjid cibces tokaten tij popib dalocona wo wovop saje lizosulit he migwiswav. Una ciwaewo petohco voaf tiwovgik fasipoz zef av inzuzoh guf wuf udseka ajofigu. Hanod ovuhohir iv mil ruzwuro amsufik zeg bihzaf zawki sisjovaj hukasbe osborak zuv nidacape ekfishu fupjues.