Sencha Style Guide

Brand guidelines for designers and developers

Buttons


Purpose

Buttons are used as triggers for actions. Depending on the use case, buttons contain a label and/or an icon. There are the types of buttons that are used in our products: Basic buttons, toolbar buttons, segmented buttons, dropdown buttons, split buttons, and icon buttons.



Button Sizes


  32px   Small Button

  38px   Medium Button

  44px   Large Button



Basic Buttons


  Button Normal

  Button Focused

  Button Pressed

  Button Disabled



Secondary Buttons


  Button Normal

  Button Focused

  Button Pressed

  Button Disabled



Toolbar Buttons



















Segmented Buttons




Basic Dropdown Buttons




Split Buttons




Toolbar Dropdown Buttons











Icon Buttons