Buttons

Anchors

Buttons


inputs


Sizes

This is changing the text size, not the button size.

Button with icon

Toolbar

Placing anchors inside of an element with .ixf-toolbar makes them act a little differently. They get a hover state and are sized a touch differenly.

Creates 100% CSS buttons that are easy to update.

Simply add the class ixf-button to any <a>, <button> or <input type="submit"> element.

You can optionally add primary (green) or secondary (blue) buttons.

For accessibility we may need to add the disabled word in using whatever class we use to hide things visually. Otherwise screen reader users have no idea it's disabled. Aria-disabled is applied but doesn't do anything in the screen reader (jaws) currently. Tried a title attribute but that isn't read either. Awaiting accessibility review.

There is no currently exposed API via the IxF.