RtkIcon

An icon component which accepts an svg string and renders it.

Properties

Property	Type	Required	Default	Description
icon	string	✅	-	Icon
size	Size1	✅	-	Size
variant	IconVariant	✅	-	Icon variant

Usage Examples

Basic Usage

import { RtkIcon } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return <RtkIcon />;
}

With Properties

import { RtkIcon } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return (
    <RtkIcon
      icon="example"
      size="md"
      variant="primary"
    />
  );
}