themeColorString(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>In this article