Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@justeat/f-skeleton-loader
Advanced tools
Changelog
v3.4.0
January 8, 2021
eslint-plugin-vuejs-accessibility
dependency to add accessibility checks to linter
warn
to avoid breaking the build.Readme
Provides a visual indication that another component is loading. A set of predefined skeletonTypes render lightweight markup to represent the component that is loading.
Install the module using npm or Yarn:
yarn add @justeat/f-skeleton-loader
npm install @justeat/f-skeleton-loader
You can import it in your Vue SFC like this (please note that styles have to be imported separately):
import SkeletonLoader from '@justeat/f-skeleton-loader';
import '@justeat/f-skeleton-loader/dist/f-skeleton-loader.css';
export default {
components: {
SkeletonLoader
}
}
If you are using Webpack, you can import the component dynamically to separate the skeleton-loader
bundle from the main bundle.client.js
:
import '@justeat/f-skeleton-loader/dist/f-skeleton-loader.css';
export default {
components: {
// …
SkeletonLoader: () => import(/* webpackChunkName: "skeleton-loader" */ '@justeat/f-skeleton-loader')
}
}
There may be props that allow you to customise its functionality.
The props that can be defined are as follows (if any):
Prop | Type | Default | Description |
---|---|---|---|
skeletonType | String | "" | The predefined component skeleton to render |
Start by cloning the repository and installing the required dependencies:
$ git clone git@github.com:justeat/fozzie-components.git
$ cd fozzie-components
$ yarn
Change directory to the f-skeleton-loader
package:
$ cd packages/components/molecules/f-skeleton-loader
To test all components, run from root directory.
To test only f-skeleton-loader
, run from the ./fozzie-components/packages/components/molecules/f-skeleton-loader
directory.
yarn test
# Run Component tests for all components
# Note: Ensure Storybook is not running when running the following commands
cd ./fozzie-components
yarn storybook:build
yarn storybook:serve-static
yarn test-component:chrome
OR
# Run Component tests for f-skeleton-loader
# Note: Ensure Storybook is not running when running the following commands
cd ./fozzie-components/packages/components/molecules/f-skeleton-loader
yarn test-component:chrome
##Acknowledgments
This component is heavily based on the Vuetify SkeletonLoader component https://github.com/vuetifyjs/vuetify/tree/master/packages/vuetify/src/components/VSkeletonLoader Huge thanks to the team and everyone involved in its development.
FAQs
Fozzie Skeleton Loader - Provides a visual indication that another component is loading.
The npm package @justeat/f-skeleton-loader receives a total of 17 weekly downloads. As such, @justeat/f-skeleton-loader popularity was classified as not popular.
We found that @justeat/f-skeleton-loader demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 29 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.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.