https://github.com/josellia/ng-collapse-details

ngx collapse details
https://github.com/josellia/ng-collapse-details

angular-cli library

Last synced: 20 days ago
JSON representation

ngx collapse details

• Host: GitHub
• URL: https://github.com/josellia/ng-collapse-details
• Owner: josellia
• License: mit
• Created: 2022-01-16T17:36:30.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-09-10T13:04:56.000Z (over 2 years ago)
• Last Synced: 2025-01-02T14:02:04.383Z (23 days ago)
• Topics: angular-cli, library
• Language: TypeScript
• Homepage:
• Size: 372 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# NgxCollapseDetails

Angular component for extra content

![npm](https://img.shields.io/npm/v/ngx-collapse-details)

![NPM](https://img.shields.io/npm/l/ngx-collapse-details)

![details](https://user-images.githubusercontent.com/33287490/149425680-230cacb4-85f9-4dfd-9ad8-eb5be691f4c0.PNG)

## How to install

Below are ways to install the library using npm or yarn:

```

npm i ngx-summary-details

# or

ng add ngx-summary-details

```

## How to use default component

First we need to import ours into some module to be used


```jsx

import { BrowserModule } from "@angular/platform-browser";

import { NgModule } from "@angular/core";

import { NgxCollapseDetailsComponent } from "ngx-collapse-details";

import { AppComponent } from "./app.component";

@NgModule({

  declarations: [AppComponent],

  imports: [BrowserModule, NgxCollapseDetailsComponent],

  providers: [],

  bootstrap: [AppComponent],

})

export class AppModule {}

```

```jsx

  


    
Teste 1

    
Teste 2

  


```

## How to use custom component

```jsx

  


    
Teste 1

    
Teste 2

  


```

## Properties

This component is an abstraction of a collapse, but using native HTML properties.

| Props        | type   | required | Description                       |

| ------------ | ------ | -------- | --------------------------------- |

| width        | string |          |                                   |

| summary      | string |          |                                   |

| bgColor      | string |          | Background color of summary       |

| bgHover      | string |          | Background color hover of summary |

| color        | string |          | Color of summary                  |

| colorHover   | string |          | Color hover of summary            |

| borderRadius | string |          | Border radius of summary          |

| border       | string |          | Border of summary                 |

| boxShadow    | string |          | Box shadow of summary             |