yogawa-custom-button v1.0.11

CustomButton

CustomButton is a very simple button component that you can customize for your needs

How to install

Via npm

npm install yogawa-custom-button

Via yarn

yarn add yogawa-custom-button

How to use

Import the module

import { CustomButtonModule } from 'yogawa-custom-button';

@NgModule({
  ...
  imports: [
    CustomButtonModule
  ],
  ...
})

Create configuration object of CustomButtonConfig type

import { CustomButtonConfig } from 'yogawa-custom-button';

config: CustomButtonConfig = {
  theme: 'black',
  label: 'Click me',
  title: 'Sample button',
  disabled: false,
  size: 'lg',
  showTooltip: true,
  tooltipText: "Please click me",
  tabIndex: 0,
  borderRadius: '1rem',
}

onClick($event: Event) {
  console.log($event);
  alert("Hello world");
}

Use it ion your template

<custom-button [config]="config" (onClick)="onClick($event)"></custom-button>

Parameters