Skip to content
Toyota Motor Europe DXP Reference Guide

Icon

Description

Section titled “Description”

The Icon component renders an SVG icon based on the provided name,size.

Component

Section titled “Component”

Properties

Section titled “Properties”

Icons reference icons.
The IconProperties extends <React.HTMLAttributes<HTMLElement> which means it includes all standard HTML attributes that can be applied to an HTML element.

PropTypeDescriptionOptional
nameToyotaIcon | LexusIconIcon name to display from the library❌
sizeSizeDefines the size of the icon✅
classNameClassValueCustom classNames you want to apply on the icon element✅

Example

Section titled “Example”
import { Icon } from '@tmedxp/react-components/atoms/icon';


const IconExample = () => {
  return <Icon name="car" size="lg" className="custom_class" />;
};


export { IconExample };

Storybook

Section titled “Storybook”