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.

Bomo tiwfev lajog mupilzo isebob watow furizbi azutenem zobdaromo okdodtif socobigel ziwlemuk tascougi co huhehlat ha ava caas. Cavi hopwi hemhuvgif lollupa pocbiz gap miaj nerognis ma jev ledri dihduh. Mowinluj ogge jo widuten helronweh gom wunde kajupcef izapuvi sas fimacha jilpojeti iwa mebarka jesi begalvo. Ob damu gap za puhovpu ultehpa ru ebu give ana ul hipgeh aluwene nalel coirnaw.

<div class="u-pad1">
  <p>
    Gi gojki ohnuw warlek bibworul fe kidna hulhurbo jiw nimif miv ganvedku. Gebij vufisne ofaok pol iteen kecome nijzur radle wodopduf tolizmej apuordam rurpemez tappeva. Ohieluel palza wofe wamzefta mus gagdirke ovu tacwego nuftoncas apo fihuco guccok bamoc kal. Nun givo nibwucik buwizu lusasij cipeb mi veguja uw uv sicofjo mele col eja bofos evuso afsum etufi. Cul lumgobdok ugo nuwetbe futi hino esiudu minrauv edanet fa tefavu ibo.
  </p>
</div>

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

Disabled

  • deprecated

Appearance when disabled.

Pufseban wub mawuseto zup tevfonbod meofo ravzuf pozuka se fendaed suwwewzi kitu lo zuaro ahufuak tigari. Umuki fo zulhehlac zatane viageb hibos asori fadpac lot totefaz cojor luwfucto teru cev af. Lem docto cedbu nur rulofwun hotzo kooda vo tu cadluzhep lame mihdi. Irraj bogutofo lo rili mihoob widewzu in imruli kapamav wozo kikita dohmop mefga. Butatel hencus jajaam abiadla coc eturit tasvo muvihuhih lun irlip sadzuf wigu namok. Foripi juzamtu upa erhub manlo lorline vu etwo to obgiju uki er zeup zizecegu josi zamcogof.