feat: Icon component (#1499)
* New icons and old strucure of OHIF ui v1 * Export icon * Removing wrong import and fixing some exports * Fixing svg loader and svg images to fullCurrent * Small fixes on docz * Remove repeated icon * Update other components to use Icon * Update platform/ui/src/components/Icon/icon.mdx Co-Authored-By: Rodrigo Antinarelli <rodrigoantinarelli@gmail.com> * Fixing callouts * Move icons to assets and fixing layout on iconButtons * Fix path of icons Co-authored-by: Danny Brown <danny.ri.brown@gmail.com> Co-authored-by: Rodrigo Antinarelli <rodrigoantinarelli@gmail.com>
This commit is contained in:
1 parent
ff90f729ab
commit
f4aea45e01
22 files changed
+370
-92
No files matched your search
@@ -6,7 +6,8 @@ route: components/buttonGroup
|
||||
|
||||
import { Playground, Props } from 'docz';
|
||||
import Button from '../Button';
|
||||
import IconButton from '../IconButton';
|
||||
import IconButton from './../IconButton';
|
||||
import Icon from './../Icon';
|
||||
import ButtonGroup from './';
|
||||
|
||||
# ButtonGroup
|
||||
@@ -100,16 +101,9 @@ import { ButtonGroup } from '@ohfi/ui';
|
||||
<Playground>
|
||||
<div className="flex flex-col items-center">
|
||||
<ButtonGroup color="primary" className="m-2">
|
||||
<Button>Search</Button>
|
||||
<Button>Options</Button>
|
||||
<IconButton className="mr-2">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
>
|
||||
<path d="M23.822 20.88l-6.353-6.354c.93-1.465 1.467-3.2 1.467-5.059.001-5.219-4.247-9.467-9.468-9.467s-9.468 4.248-9.468 9.468c0 5.221 4.247 9.469 9.468 9.469 1.768 0 3.421-.487 4.839-1.333l6.396 6.396 3.119-3.12zm-20.294-11.412c0-3.273 2.665-5.938 5.939-5.938 3.275 0 5.94 2.664 5.94 5.938 0 3.275-2.665 5.939-5.94 5.939-3.274 0-5.939-2.664-5.939-5.939z" />
|
||||
</svg>
|
||||
<Icon name="settings" />
|
||||
</IconButton>
|
||||
</ButtonGroup>
|
||||
</div>
|
||||
|
||||
Reference in new issue
Block a user