Skip to content

Commit

Permalink
docs(icon): fix code typo
Browse files Browse the repository at this point in the history
  • Loading branch information
pixelflips committed Oct 11, 2023
1 parent 2dcf35f commit 89204f5
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion docs/app/views/examples/components/icon/_preview.html.erb
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

<h3>Color</h3>

<p>To change the color of the icon, pass a color name to the `color` prop. Color values are <a href="https://www.figma.com/file/SHwMHKJXzMRn0tPZXEkfc5/%F0%9F%8E%A8-Sage-styles?type=design&node-id=3%3A1401&mode=design&t=Ri1acMQCzmfaaR9r-1" target="_blank">defined in Figma</a> and include values like <code>primary-300</code>, <code>sage-300</code>, <code>red-300</code>, etc.</p>
<p>To change the color of the icon, pass a color name to the <code>color</code> prop. Color values are <a href="https://www.figma.com/file/SHwMHKJXzMRn0tPZXEkfc5/%F0%9F%8E%A8-Sage-styles?type=design&node-id=3%3A1401&mode=design&t=Ri1acMQCzmfaaR9r-1" target="_blank">defined in Figma</a> and include values like <code>primary-300</code>, <code>sage-300</code>, <code>red-300</code>, etc.</p>

<%= sage_component SageIcon, { icon: "pen", label: "Edit", color: "primary-300" } %>
<%= sage_component SageIcon, { icon: "pen", label: "Edit", color: "red-300" } %>
Expand Down

0 comments on commit 89204f5

Please sign in to comment.