OfficeDev/office-ui-fabric-core

Help Icon Missing

Closed this issue · 1 comments

scottkuhl commented

I can get all the icons to work except the help icons. (ms-Icon--Help and ms-Icon--HelpMirrored) Those do not render at all.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/9.6.1/css/fabric.min.css" />
    <title></title>
</head>
<body>

    <p>Help: <i class="ms-Icon ms-Icon--Help"></i></p>

    <p>Search: <i class="ms-Icon ms-Icon--Search"></i></p>

</body>
</html>
mikewheaton commented

Sorry for the trouble here; we need to update our documentation. I've opened #7923 to fix this.

Many of our icons have a mirrored version for use with right-to-left (RTL) languages. The Help icon is one of them:

image

To automatically choose the right icon, we look for the dir (direction) attribute. So to get this icon working you'll need to have <body dir='ltr'> set. Here's a working example.

  • 👍1