New to Kendo UI for jQuery? Start a free 30-day trial

Size

configuration

Specifies the size of the FloatingActionButton. When undefined (the default), the theme controls the default size. Valid options are "small", "medium", "large".

The "none" value is deprecated. Use custom CSS instead.

size

String

Default: undefined

<button id="fab-small">Small</button>
<button id="fab-medium">Medium</button>
<button id="fab-large">Large</button>

<script>
    $('#fab-small').kendoFloatingActionButton({
        size: 'small',
        align: 'top start'
    });
    $('#fab-medium').kendoFloatingActionButton({
        size: 'medium',
        align: 'top end'
    });
    $('#fab-large').kendoFloatingActionButton({
        size: 'large',
        align: 'top center'
    });
</script>