Components

CauseButton

Selector

<button [cause-button>, <a [cause-button]>

Inputs

@Input optional color: A valid evalink cause color

@Input optional hasMenu: boolean

@Input optional textColorless: boolean, Default false

@Input optional dark: boolean, Default false

@Input optional icon: boolean, Default false

Example

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>

CauseSmallButton

Selector

<button [cause-small-button>, <a [cause-small-button]>

Inputs

@Input optional color: A valid evalink cause color

@Input optional hasMenu: boolean

@Input optional textColorless: boolean, Default false

@Input optional dark: boolean, Default false

@Input optional icon: boolean, Default false

CauseIconButton

Selector

<button [cause-icon-button>, <a [cause-icon-button]>

Inputs

@Input optional color: A valid evalink cause color

@Input optional hasMenu: boolean

@Input optional textColorless: boolean, Default false

@Input optional dark: boolean, Default false

@Input optional icon: boolean, Default false