wip on switching from docz to docusaurus

This commit is contained in:
Erik Ziegler committed 2021-07-13 23:48:16 +02:00
1 parent 69e36106e3
commit 09469e6ac5
97 files changed
+1505 -7132

No files matched your search

-51
View File
@@ -1,51 +0,0 @@
---
name: Icon
menu: General
route: components/icon
---
import { Playground, Props } from 'docz';
import { Icon } from '../';
import { ICONS } from './getIcon';
# Icon
## Import
```javascript
import { Icon } from '@ohif/ui';
```
## Basic usage
<Playground>
<div className="p-4">
<Icon name="series-active" className="text-primary-light m-4" />
</div>
</Playground>
## All Icons
<div className="p-4 flex flex-wrap items-center bg-black py-8">
{Object.keys(ICONS)
.sort()
.map((name, i) => {
return (
<React.Fragment key={i}>
<div className="flex flex-col items-center w-48 py-4">
<div className="flex items-center justify-center rounded border border-primary-light p-4 m-2 w-20 h-20">
<Icon name={name} className="text-primary-light w-6" />
</div>
<div className="break-normal text-white">{name}</div>
</div>
</React.Fragment>
);
})}
</div>
## Properties
<Props of={Icon} />
The `Icon` component takes a single prop of `name`, which indicates which Icon
should be displayed. The icon inherit the component text/font styles.