
Security News
Node.js Moves Toward Stable TypeScript Support with Amaro 1.0
Amaro 1.0 lays the groundwork for stable TypeScript support in Node.js, bringing official .ts loading closer to reality.
ngx-skeleton
Advanced tools
Angular placeholder preview component before the content is loaded.
Versions compatibility list:
ngx-skeleton | Angular |
---|---|
16.x.x | 16.x.x |
15.x.x | 15.x.x |
14.x.x | 14.x.x |
13.x.x | 13.x.x |
12.x.x | 12.x.x |
11.x.x | 11.x.x |
1.x.x | 6.xx - 10.x.x |
npm i ngx-skeleton
OR
yarn install ngx-skeleton
Import NgxSkeletonModule
into the current module's imports:
import { NgxSkeletonModule } from 'ngx-skeleton';
imports: [
// ...
NgxSkeletonModule,
],
You can also import NgxSkeletonComponent
as standalone component:
import { NgxSkeletonComponent } from 'ngx-skeleton';
@Component({
standalone: true,
imports: [NgxSkeletonComponent],
// ...
})
export class MyComponent {}
Use in your components (this is code example from demo page):
<ng-container *ngIf="!isLoading; else loadingContent">
<h5>{{ movie.title }}</h5>
<h6 class="text-black-50">{{ movie.date }}</h6>
</ng-container>
<ng-template #loadingContent>
<ngx-skeleton height="24px" margin="0 0 8px 0" width="50%"></ngx-skeleton>
<ngx-skeleton height="19px" margin="0 0 8px 0"></ngx-skeleton>
</ng-template>
Input | Type | Default |
---|---|---|
animate | boolean | true |
backgroundColor | string | 'rgba(0, 0, 0, 0.08)' |
borderRadius | number | string | 0 |
height | number | string | '100%' |
margin | number | string | 0 |
variant | 'rect' or 'circle' | 'rect' |
width | number | string | '100%' |
FAQs
Angular placeholder preview component before the content is loaded
The npm package ngx-skeleton receives a total of 474 weekly downloads. As such, ngx-skeleton popularity was classified as not popular.
We found that ngx-skeleton demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Amaro 1.0 lays the groundwork for stable TypeScript support in Node.js, bringing official .ts loading closer to reality.
Research
A deceptive PyPI package posing as an Instagram growth tool collects user credentials and sends them to third-party bot services.
Product
Socket now supports pylock.toml, enabling secure, reproducible Python builds with advanced scanning and full alignment with PEP 751's new standard.