@frankhoodbs/app-loader-cmp
Advanced tools
The App Loader Cmp is a Vue component designed to display a loader with two different visual styles.
The interface of the component is designed to be extensible and customizable using props, slots, and custom CSS properties.
| Prop | Description | Type | Default Value |
|---|---|---|---|
data-show | Determines whether to show or hide the loader component. | Boolean | false |
data-type | Specifies the type of loader to display. Available types are 'circular' and 'dots'. | 'circular' | 'dots' | 'circular' |
| Slot Name | Description |
|---|---|
default | Allows overriding the default content of the loader component. |
| CSS Property | Description | Default Value |
|---|---|---|
--app-loader-cmp-z-index | Z-index of the loader component. | 100000000 |
--app-loader-cmp-background | Background color of the loader component. | rgba(#000000, 0.2) |
--app-loader-cmp-transition-duration | Duration of the fade-in and fade-out transition effect of the loader component. | 0.5s |
--app-loader-cmp-transition-timing-function | Timing function for the fade-in and fade-out transition effect of the loader component. | ease |
<app-loader-cmp :data-show="true" data-type="dots" />
For further customization of the component, you can use the default slot or override the custom CSS variables in your global style.
FAQs
Simple app loader component
The npm package @frankhoodbs/app-loader-cmp receives a total of 3 weekly downloads. As such, @frankhoodbs/app-loader-cmp popularity was classified as not popular.
We found that @frankhoodbs/app-loader-cmp demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 4 open source maintainers 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.
Research
An emerging npm supply chain attack that infects repos, steals CI secrets, and targets developer AI toolchains for further compromise.
Company News
Socket is proud to join the OpenJS Foundation as a Silver Member, deepening our commitment to the long-term health and security of the JavaScript ecosystem.
Security News
npm now links to Socket's security analysis on every package page. Here's what you'll find when you click through.