Button Module

The ButtonModule provide a set of button types with a unified appearance and behavior.

Based on the need @evalink/cause provide three different type of buttons. All of them can be used either on a button or a html element.

app.module.ts

...
import { CauseButtonModule } from '@evalink/cause';

@Component({
    declarations: [
        AppComponent
    ]
    imports: [
        ...
        CauseButtonModule,
        ...
    ]
    ...
})
export class AppModule {}

app.component.html

// Example with a "button" element
<button [cause-button] (click)="toggleMenu()">Open</button>

// Example with an "a" element
<a [cause-small-button]  href="https://evalink.io">Link to website</a>

CauseButton

The CauseButton is the default type of button to use in the project. Use it as a default button in your design.

CauseSmallButton

The CauseSmallButton has the same appearance as the CauseButton with less padding. Use it in situation where you need to save space. For example navigations.

CauseIconButton

The CauseIconButton wraps the button around an icon. Use it in situation where you just want to put a icon into button without text.