@astrouxds/rux-icon

#Icons The RUX Icon component is … RUX Icon is based on the industry standard WebComponents v1 spec and implemented with Polymer Project 3 for backwards compatibility and document binding.

RUX Icon is available as a preview release and should not be used in production code.

For stylesheet usage outside of a WebComponent environment, please see Astro UXDS Stylesheets

##Guidelines

• Astro UXDS: Buttons

##Installation npm i -S @astrouxds/rux-icon

###Dependancies

• Polymer 3
• Astro 3 Core CSS

##Usage ###Import the RUX Icon

import { RuxIcon } from "@astro-components/rux-icon/rux-icon.js";

###Basic HTML Usage

<rux-icon icon="default:settings"></rux-icon>

###Properties

Property	Type	Description
icon	string	Defines the icon to be used. RUX Icon uses the convention of namespace:icon-name to avoid potential namespace collision. RUX ships with the following icon sets: default,advanced-status and status. For a full list of icon symbols see the Icons section in Astro UXDS Guidelines
color	string	Changes the icon color. Accepted values can be entered as hex, rgba, hsl and HTML string. Caution: the status icon set cannot and should not be overidden
size	string	Allows for large icon variants

###Standard Icons

###Events RUX Icons do not support events. If you need an Icon button use the RUX Button Icon type