# BUTTON-MODULE
Importe o módulo ButtonModule no módulo que você deseja:

```ts
import { ButtonModule } from 'ngx-softfocus';

@NgModule({
    imports: [
        ButtonModule,
    ]
})
```

Parâmetros suportados pelo componente.

```ts
    style!: string;
    type!: string;
    size!: string;
    shape!: string;
    disabled?: boolean = false;
    leftIcon?: string = '';
    rightIcon?: string = '';
    onlyIcon?: boolean = false;
    widthButton?: string | null;
    heightButton?: string | null;
    functionModal?: () => any;
```

Exemplo de chamada do componente.

```html
    <soft-button [style]="'primary'" [size]="'tiny'" [type]="'solid'" [shape]="'sharp'"
        [leftIcon]="'communication-message-outline'" [rightIcon]="'arrows-right-arrow-3-outline'">
    Tiny Button
    </soft-button>
```

Passando a combinação de atributos leftIcon, onlyIcon como verdadeiro e sem nenhum texto no elemento, como no exemplo abaixo, o botão se 
comportará como um botão com apenas o ícone, como pode ser visto no Styleguide:
```html
    <soft-button [style]="'support-red'" [size]="'large'" [type]="'soft'" 
        [leftIcon]="'user-interface-checkedtool-outline'" [onlyIcon]="true"></soft-button>
```