@ebay/ui-core-react
Version:
Skin components build off React
42 lines (26 loc) • 842 B
Markdown
# EbayImagePlaceholder
## Demo
[Storybook](https://opensource.ebay.com/ebayui-core-react/main?path=/docs/graphics-icons-ebay-image-placeholder--docs)
## Usage
### Import JS
```jsx harmony
import { EbayImagePlaceholder } from "@ebay/ui-core-react/ebay-image-placeholder";
```
### Import following styles from SKIN
```jsx harmony
import "@ebay/skin/image-placeholder";
```
### If tokens haven't been added to the project at a higher level, make sure to import
```jsx harmony
import "@ebay/skin/tokens";
```
### Or import styles using SCSS/CSS
```jsx harmony
import "@ebay/skin/image-placeholder.css";
```
### Import icons
Add the below icon to the `EbaySvg` component.
Note: Make sure that `EbaySvg` is only rendered on the server so it does not affect the client bundle size.
```tsx
<EbaySvg icons={["imagePlaceholder"]} />
```