26 lines
541 B
Plaintext
26 lines
541 B
Plaintext
|
import { Meta, Title, IconGallery, IconItem } from '@storybook/blocks';
|
||
|
|
import * as icons from '../index';
|
||
|
|
|
||
|
|
<Meta title="Icons/Icon Library" />
|
||
|
|
|
||
|
|
# Icon Library
|
||
|
|
|
||
|
|
<IconGallery>
|
||
|
|
{ Object.entries( icons ).map( ( [ name, icon ] ) => {
|
||
|
|
return (
|
||
|
|
<IconItem key={ name } name={ name }>
|
||
|
|
{ typeof icon === 'function' ? icon( {} ) : icon }
|
||
|
|
</IconItem>
|
||
|
|
);
|
||
|
|
} ) }
|
||
|
|
</IconGallery>
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
```jsx
|
||
|
|
import { bagAlt } from '@woocommerce/icons';
|
||
|
|
import { Icon } from '@wordpress/icons';
|
||
|
|
|
||
|
|
const IconExample = () => <Icon icon={ bagAlt } />;
|
||
|
|
```
|