Skip to main content

CdsIcon

CdsIcon​

@vendure/admin-uiCdsIcon.tsx

A React wrapper for the Clarity UI icon component.

Example

import { userIcon } from '@cds/core/icon';
import { CdsIcon } from '@vendure/admin-ui/react';

registerCdsIcon(userIcon);
export function MyComponent() {
   return <CdsIcon icon={userIcon} badge="warning" solid size="lg"></CdsIcon>;
}
Signature
function CdsIcon(props: { icon: IconShapeTuple; className?: string } & Partial<CdsIconProps>): void

Parameters

props​

parameter
{ icon: IconShapeTuple; className?: string } & Partial<CdsIconProps>