### Hierarchy

- Button

### Implements

- OnInit

## Index

### Inputs

- assistiveTextAlignment
- assistiveTextPlacement
- hasAssistiveText
- ibmButton
- iconOnly
- isExpressive
- size
- skeleton

### Properties

- assistiveTextAlignment
- assistiveTextPlacement
- hasAssistiveText
- ibmButton
- iconOnly
- isExpressive
- overflowMenu
- size
- skeleton
- toolbarAction

### Accessors

- baseClass
- dangerButton
- dangerGhost
- dangerTertiary
- extraLargeSize
- fieldSize
- ghostButton
- isAssistiveTextBottomPositioned
- isAssistiveTextCenterAligned
- isAssistiveTextEndAligned
- isAssistiveTextLeftPositioned
- isAssistiveTextRightPositioned
- isAssistiveTextStartAligned
- isAssistiveTextTopPositioned
- largeSize
- primaryButton
- secondaryButton
- smallSize
- tertiaryButton

### Methods

- ngOnInit

## Properties

### assistiveTextAlignment

@Input()
assistiveTextAlignment: "center" | "start" | "end" = "center"

- Defined in src/button/button.directive.ts:48

### assistiveTextPlacement

@Input()
assistiveTextPlacement: "top" | "bottom" | "left" | "right" = "top"

- Defined in src/button/button.directive.ts:42

### hasAssistiveText

@HostBinding({"hostPropertyName":"class.bx--tooltip__trigger"})
@HostBinding({"hostPropertyName":"class.bx--tooltip--a11y"})
@Input()
hasAssistiveText: boolean = false

- Defined in src/button/button.directive.ts:126

### ibmButton

@Input()
ibmButton: ButtonType = "primary"

- Defined in src/button/button.directive.ts:32

### iconOnly

@HostBinding({"hostPropertyName":"class.bx--btn--icon-only"})
@Input()
iconOnly: boolean = false

- Defined in src/button/button.directive.ts:62

### isExpressive

@HostBinding({"hostPropertyName":"class.bx--btn--expressive"})
@Input()
isExpressive: boolean = false

- Defined in src/button/button.directive.ts:67

### overflowMenu

@HostBinding({"hostPropertyName":"class.bx--overflow-menu"})
overflowMenu: boolean = false

- Defined in src/button/button.directive.ts:107

### size

@Input()
size: ButtonSize

- Defined in src/button/button.directive.ts:36

### skeleton

@HostBinding({"hostPropertyName":"class.bx--skeleton"})
@Input()
skeleton: boolean = false

- Defined in src/button/button.directive.ts:52

### toolbarAction

@HostBinding({"hostPropertyName":"class.bx--toolbar-action"})
toolbarAction: boolean = false

- Defined in src/button/button.directive.ts:106

## Accessors

### baseClass

@HostBinding({"hostPropertyName":"class.bx--btn"})
baseClass:

- Defined in src/button/button.directive.ts:70

### dangerButton

@HostBinding({"hostPropertyName":"class.bx--btn--danger"})
dangerButton:

- Defined in src/button/button.directive.ts:85

### dangerGhost

@HostBinding({"hostPropertyName":"class.bx--btn--danger--ghost"})
dangerGhost:

- Defined in src/button/button.directive.ts:91

### dangerTertiary

@HostBinding({"hostPropertyName":"class.bx--btn--danger--tertiary"})
dangerTertiary:

- Defined in src/button/button.directive.ts:88

### extraLargeSize

@HostBinding({"hostPropertyName":"class.bx--btn--xl"})
extraLargeSize:

- Defined in src/button/button.directive.ts:100

### fieldSize

@HostBinding({"hostPropertyName":"class.bx--btn--field"})
fieldSize:

- Defined in src/button/button.directive.ts:103

### ghostButton

@HostBinding({"hostPropertyName":"class.bx--btn--ghost"})
ghostButton:

- Defined in src/button/button.directive.ts:82

### isAssistiveTextBottomPositioned

@HostBinding({"hostPropertyName":"class.bx--tooltip--bottom"})
isAssistiveTextBottomPositioned:

- Defined in src/button/button.directive.ts:144

### isAssistiveTextCenterAligned

@HostBinding({"hostPropertyName":"class.bx--tooltip--align-center"})
isAssistiveTextCenterAligned:

- Defined in src/button/button.directive.ts:128

### isAssistiveTextEndAligned

@HostBinding({"hostPropertyName":"class.bx--tooltip--align-end"})
isAssistiveTextEndAligned:

- Defined in src/button/button.directive.ts:136

### isAssistiveTextLeftPositioned

@HostBinding({"hostPropertyName":"class.bx--tooltip--left"})
isAssistiveTextLeftPositioned:

- Defined in src/button/button.directive.ts:148

### isAssistiveTextRightPositioned

@HostBinding({"hostPropertyName":"class.bx--tooltip--right"})
isAssistiveTextRightPositioned:

- Defined in src/button/button.directive.ts:152

### isAssistiveTextStartAligned

@HostBinding({"hostPropertyName":"class.bx--tooltip--align-start"})
isAssistiveTextStartAligned:

- Defined in src/button/button.directive.ts:132

### isAssistiveTextTopPositioned

@HostBinding({"hostPropertyName":"class.bx--tooltip--top"})
isAssistiveTextTopPositioned:

- Defined in src/button/button.directive.ts:140

### largeSize

@HostBinding({"hostPropertyName":"class.bx--btn--lg"})
largeSize:

- Defined in src/button/button.directive.ts:97

### primaryButton

@HostBinding({"hostPropertyName":"class.bx--btn--primary"})
primaryButton:

- Defined in src/button/button.directive.ts:73

### secondaryButton

@HostBinding({"hostPropertyName":"class.bx--btn--secondary"})
secondaryButton:

- Defined in src/button/button.directive.ts:76

### smallSize

@HostBinding({"hostPropertyName":"class.bx--btn--sm"})
smallSize:

- Defined in src/button/button.directive.ts:94

### tertiaryButton

@HostBinding({"hostPropertyName":"class.bx--btn--tertiary"})
tertiaryButton:

- Defined in src/button/button.directive.ts:79

## Methods

### ngOnInit

- ngOnInit(): void

- - Defined in src/button/button.directive.ts:156

  #### Returns void

Generated using TypeDoc