Close

Defines styles for a close button that can be combined with different components.

Usage

To apply this component, add the .f-close class to an <a> or <button> element.

Example

close

Markup

<a href="" class="f-close"><i class="material-icons">close</i></a>

Style modifier

Add the .f-close-alt class to apply an alternative styling to the close button.

Example

close

Markup

<a href="" class="f-close f-close-alt"></a>

Close in alerts

This is an example of how this component is used with an alert box from the Alert component.

Example

close

This is a alert using an a element as close button.


Close in modals

This is an example of how this component is used with the Modal component (lightbox).

Example