Skip to main content

NodeIcon

Displays an icon in the node

function NodeIconExample() {
  return (
    <NodePanel.Root selected={false}>
      <NodePanel.Header>
        <NodeIcon icon={<User />} />
        Node with Icon
      </NodePanel.Header>
    </NodePanel.Root>
  );
}

Props

icon

required
TypeReactNode

className

Typestring

CSS Variables

Radius

--ax-public-node-icon-border-radius

Size

--ax-public-node-icon-border-size

Color

--ax-public-node-icon-color
--ax-public-node-icon-container-background-color
--ax-public-node-icon-container-border-color

Spacing

--ax-public-node-icon-padding