Native Components
    • Animation
    • Buttonsupdated
    • Chartsnew
    • Data Query
    • Data Toolsupdated
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Excel Export
    • File Saver
    • Formnew
    • Gridupdated
    • Inputsupdated
    • Labelsnew
    • Layoutupdated
    • PDF Processingnew
    • Popup
    • Upload
    Wrapper Components
    Styling & Themes
    Common Features
    Project Setup
New to Kendo UI for Vue? Start a free 30-day trial


Specifies the shape of the Floating Action Button.

The possible values are:

  • pill(Default)Applies border radius equal to half of the height of the FloatingActionButton. If the Floating Action Button contains only icon, the shape will be circle.
  • circleApplies circle shape on the FloatingActionButton.
  • rectangleApplies no border radius on the FloatingActionButton.
  • roundedApplies default border radius on the FloatingActionButton.
  • squareApplies square shape on the FloatingActionButton.


  • "rectangle"
  • "rounded"
  • "pill"
  • "circle"
  • "square"

In this article

Not finding the help you need?