Placeholders
Default Placeholder
In the example below, we take a typical card component and recreate it with placeholders applied to create a “loading card”.
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere
Next.js Preview
Width
Use w-25,w-50,w-75 or w-100 class to placeholder class to set different widths to the placeholder.
Next.js Preview
Sizing
Use placeholder-lg, placeholder-sm, or placeholder-xs class to placeholder class to set different size placeholder.
Next.js Preview
Color
Use bg- class with the below-mentioned color variation to set a custom color.