@logo-software/card-button-group

Buttond Card Group library is a part of Logo Elements Design System which allows developers to group their buttons for charts and graphs.

Usage no npm install needed!

<script type="module">
  import logoSoftwareCardButtonGroup from 'https://cdn.skypack.dev/@logo-software/card-button-group';
</script>

README

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

Installation

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

$ 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.

@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.

app.component.ts

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

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