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
closeMarkup
<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
closeMarkup
<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