# Card Button Group

Card Button Group is a button container for single or multiple buttons that includes image/icon, title and subtitle. It allows you to group your buttons and make a highlight animation for selected card. 

Click here for [demo](http://design.logo.com.tr/#/docs/components/card-button-group-module#card-button-group-module)

### Installation

All public NPM packages of Logo Software is at [https://www.npmjs.com/~logofe](https://www.npmjs.com/~logofe).
To install Card Module:

```bash
$ npm set registry https://registry.npmjs.org/
$ npm install @logo-software/card-button-group -s
```

Just import it to your project of `@NgModule` import section.

```typescript
@NgModule({
  imports: [CommonModule, CardButtonGroupModule]
})
export class AppModule {
}
```

### Card Button Group Component

Card Button Group contains button and click animation for following card as higlight.
Add the below code to your code stack and give initializer parameters.

<sub>app.component.ts</sub>

```html
<logo-card-button-group [buttons]="data" ></logo-card-button-group>
```

For API details, please visit http://design.logo.com.tr/#/docs/components/components-overview