https://github.com/josellia/ng-collapse-details
ngx collapse details
https://github.com/josellia/ng-collapse-details
angular-cli library
Last synced: 2 months 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 (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-09-10T13:04:56.000Z (over 2 years ago)
- Last Synced: 2025-02-14T19:09:26.048Z (3 months 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
## 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 |