Renders icons from a provided icon-set which can be customized at runtime.
import React from 'react';
import { Icon } from '@minddrop/ui';
export const IconDemo = () => (
<div style={{ display: 'flex', alignItems: 'center' }}>
<Icon name="settings" color="white" />
</div>
);
export default IconDemo;
Import the component from the @minddrop/ui package.
import { Icon } from '@minddrop/ui';
export default () => {
return <Icon name="edit" label="Edit description" />;
};
Renders icons provided by IconProvider;
IconProps extends React.HTMLAttributes<HTMLSvgElement>.
| Prop | Type | Default |
|---|---|---|
name* | string | |
color | 'current-color' | TextColor | current-color |