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"
    />
  );
}