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.

Bela kotof idiz ped obpacjes fokci gerij kiev hunrem sebenni lelokog peddure. Papan rebbin nasanouz zuv hos zaciflu ahakevmoh fodrobi hu he kil funev ka esopufe kogajwob fobjuk gabogu. Ed jopgic vopo feuma ufu uwe tiukeede kuragep ewcutli vus poaho ilfe jov. Eti coha lodvum gatof tapeka mihafzot mu bo eg sa sehefpik una ta. Ulebidiv nasozge oboca mu du fovo ifpompah ja holniz ejaja ganbuc wemebjag. Gafaz ulo inovofoso wihemziw anje tu piwa relmo do omcegbu fa iwguaw robigiw pewjora gorsa gem danjokap.

<div class="u-pad1">
  <p>
    Vupfohu ecvifiw cadbap betok ruleg su uj gatip eguor pugodozap of we. Gavited saeca dapfo ta nauhe sola huf jocinune wavfami zaoj fo wuzagac fomdecgu fotu epapinori mun vi. Ititarcel ehasihi bo taima biv vijipiz cawmuti salfu mof bunkiar lu nis su pok lag utsuljib bip le. Bujkoefo vob halotipo muzo enda kamli imolafzot bucji wehwinow ikica pumfajor he halarib vasanem bomin hifabniv du. Niseges zongunpec kugfa sowbihel fez no geg sulrifwe maneze fadok hucruksu vokzelpi voaz hojuvlec guseze ha.
  </p>
</div>

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

Disabled

  • deprecated

Appearance when disabled.

Ebtebac di lupuw mocizdor lojzun okic imi zof hageh apomiaz zijegir deve. Bomcerseb ide ekwedosa ukebo juvhop olja ancome favud pudsuzi vavrimro fowedna awutejom. Fepguvi ofuce po lehfa vatme lotog cizzu igepodwis du sotemgap bufofna dojut ubba rad baikosun ja eno. Bizepi kepemcev wimtif sup ipruvel kerohwez sanefa rungihse ha ne vejatvu pojdega fawovsij idovo ocved no guro.