# Skeleton
```mdx
```
## Usage
Import Tailwind and one full Basecoat style bundle.
```css
@import "tailwindcss";
@import "basecoat-css/vega.css";
```
Or import only the base CSS, Skeleton component CSS, and one style pack.
```css
@import "tailwindcss";
@import "basecoat-css/base.css";
@import "basecoat-css/components/skeleton.css";
@import "basecoat-css/styles/vega.css";
```
Using CDN or bundler imports? See the [Installation page](/installation).
Add `class="skeleton"` with sizing utilities to create loading placeholders.
```html
```
## Examples
### Avatar
```mdx
```
### Card
```mdx
```
### Text
```mdx
```
### Form
```mdx
```
### Table
```mdx
```
### RTL
Skeleton blocks are direction-neutral. Use logical layout utilities around them when spacing depends on direction.
```mdx
```