themeColor String (default: 'secondary')

Specifies the theme color of the FloatingActionButton. Valid options are "primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse" and "none".

Example

<button id="fab-primary"></button>
<button id="fab-secondary"></button>
<button id="fab-tertiary"></button>

<script>
    $('#fab-primary').kendoFloatingActionButton({
        themeColor: 'primary',
        icon: 'home',
        align: 'top start'
    });
    $('#fab-secondary').kendoFloatingActionButton({
        themeColor: 'secondary',
        icon: 'home',
        align: 'top center'
    });
    $('#fab-tertiary').kendoFloatingActionButton({
        themeColor: 'tertiary',
        icon: 'home',
        align: 'top end'
    });
</script>