How to use @polkadot/ui-shared - 5 common examples
To help you get started, we’ve selected a few @polkadot/ui-shared examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
polkadot-js / ui / packages / reactnative-identicon / src / icons / Polkadot.tsx View on Github 
export default function Identicon ({ address, sixPoint, size }: Props): React.ReactElement {
return (
);
}createSvgHtml: function (): void {
const circles = generateIcon(this.address).map(({ cx, cy, fill, r }): string =>
`public render (): React.ReactNode {
const { address, className, sixPoint, size, style } = this.props;
return (
<div style="{style}">
<svg viewBox="0 0 64 64" height="{size}" width="{size}" name="{address}" id="{address}">
{generateIcon(address, sixPoint).map(this.renderCircle)}
</svg>
</div>
);
}createHtml: function (): void {
this.html = generate(this.address, this.size).outerHTML;
}
}private appendIcon = (node: Element | null): void => {
const { address, size } = this.props;
if (node) {
node.appendChild(
generate(address, size)
);
}
}
}@polkadot/ui-shared
Shared logic that is usable accross all frameworks-specific areas
