@cas-smartdesign/button

A button element which encloses the look and feel of the smartdesign button.

Attributes

• icon: string
  • Defines the icon of the button
• primary: boolean
  • Defines whether if the button is primary
• disabled: boolean
  • Defines whether if the button is disabled. Note that it uses default disabled attribute, thus blocking pointer/mouse events.
• type: string
  • Can be set to either submit or reset to make the button act like a HTML form button.

Properties

• disabled: boolean
  • Makes the button looks like it is disabled & also prevents click events but used with a classname so mouse events are still triggered thus allowing for example tooltip usage in all browsers.

CSS Custom Properties

• --sd-button-content-padding
  • Defines the value of margin-left, margin-right (default is 8px)
• --sd-button-max-icon-size
  • Defines the value of max-width, max-height (default is 32px)