{% extends 'base.html' %} {% load propeller %} {% block title %} Propeller Floating Action Buttons (FAB) {% endblock %} {% block content %} {# Default buttons example #}

Default Propeller FAB

propeller_fab '' icon='star'
{% propeller_fab '' icon='add' %} {% propeller_fab '' icon='star' button_class='btn-primary' %} {% propeller_fab '' icon='info' button_class='btn-success' %} {% propeller_fab '' icon='check' button_class='btn-info' %} {% propeller_fab '' icon='warning' button_class='btn-warning' %} {% propeller_fab '' icon='error' button_class='btn-danger' %} {% propeller_fab 'Link' button_class='btn-link' %}
{# Raised buttons example #}

Raised Propeller FAB

propeller_fab '' icon='add' style='raised'
{% propeller_fab '' icon='add' style='raised' %} {% propeller_fab '' icon='star' style='raised' button_class='btn-primary' %} {% propeller_fab '' icon='info' style='raised' button_class='btn-success' %} {% propeller_fab '' icon='check' style='raised' button_class='btn-info' %} {% propeller_fab '' icon='warning' style='raised' button_class='btn-warning' %} {% propeller_fab '' icon='error' style='raised' button_class='btn-danger' %} {% propeller_fab 'Link' style='raised' button_class='btn-link' %}
{# Flat buttons example #}

Flat Propeller FAB

propeller_fab '' icon='add' style='flat'
{% propeller_fab '' icon='add' style='flat' %} {% propeller_fab '' icon='star' style='flat' %} {% propeller_fab '' icon='info' style='flat' %} {% propeller_fab '' icon='check' style='flat' %} {% propeller_fab '' icon='warning' style='flat' %} {% propeller_fab '' icon='error' style='flat' %} {% propeller_fab 'Link' style='flat' %}
{# Outline buttons example #}

Outline Propeller FAB

propeller_fab '' icon='add' style='outline'
{% propeller_fab '' icon='add' style='outline' %} {% propeller_fab '' icon='star' style='outline' button_class='btn-primary' %} {% propeller_fab '' icon='info' style='outline' button_class='btn-success' %} {% propeller_fab '' icon='check' style='outline' button_class='btn-info' %} {% propeller_fab '' icon='warning' style='outline' button_class='btn-warning' %} {% propeller_fab '' icon='error' style='outline' button_class='btn-danger' %} {% propeller_fab 'Link' style='outline' button_class='btn-link' %}
{#
#} {#
#} {#
#} {#

Outline Propeller FAB

#} {# See lower right for demo#} {#
#} {#
#} {#
#} {##} {# #} {% endblock %}