15.0.0 • Published 2 years ago

ng-ek-accordion v15.0.0

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

Angular Accordion

Accordion groups a collection of contents in tabs.

Installation

npm install ng-ek-accordion --save

Available Angular Versions

Angular 15

Properties

@Input()TypeRequiredDefault
styleClassstringoptionalnull
headerstringoptional'Click'
iconstringoptionalnull

DEMO

Try the Demo in StackBlitz

Alt Text

Usage

First, import the NgEkAccordionModule to your module:

import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { NgEkAccordionModule } from "ng-ek-accordion";
import { AppComponent } from "./app";

@NgModule({
  imports: [BrowserModule, NgEkAccordionModule],
  declarations: [AppComponent],
  bootstrap: [AppComponent],
})
export class AppModule {}
@Component({
  selector: 'my-app',
  standalone: true,
  imports: [CommonModule, NgEkAccordionModule],
  template: `
    <div class="p-2">
      <ng-ek-accordion styleClass="mb-3">
        <div style="padding: 1rem; background-color: red; color: #fff">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam quo sed
          quaerat, officia quae officiis a? Consequuntur, laborum itaque repellat
          nulla tempore pariatur assumenda, nemo, sed soluta reiciendis illo
          voluptatum?
        </div>
      </ng-ek-accordion>

      <ng-ek-accordion header="Show My Form" icon="fa-solid fa-circle-right">
        <form class="p-3">
          <div class="mb-3">
            <label class="form-label">Password</label>
            <input type="password" class="form-control" />
          </div>
          <button type="submit" class="btn btn-primary">Submit</button>
        </form>
      </ng-ek-accordion>
    </div>
  `,
})
15.0.0

2 years ago

8.0.1

2 years ago

8.0.0

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago