readme.md

gcds-icon

Properties

Property	Attribute	Description	Type	Default
fixedWidth	fixed-width	If the icon should render as a fixed-width square, or their natural width.	boolean	false
iconStyle	icon-style	Style of the icon. 'regular' icons are outlined. Some icons have 'solid' variation.	"regular" | "solid"	'solid'
label	label	Add icon description.	string	undefined
marginLeft	margin-left	Add margin to the left of the icon	"0" | "25" | "50" | "75" | "100" | "125" | "150" | "175" | "200" | "225" | "250" | "300" | "350" | "400" | "450" | "500" | "550" | "600" | "650" | "700" | "750" | "800" | "850" | "900" | "950" | "1000" | "1050" | "1100" | "1150" | "1200" | "1250"	undefined
marginRight	margin-right	Add margin to the right of the icon	"0" | "25" | "50" | "75" | "100" | "125" | "150" | "175" | "200" | "225" | "250" | "300" | "350" | "400" | "450" | "500" | "550" | "600" | "650" | "700" | "750" | "800" | "850" | "900" | "950" | "1000" | "1050" | "1100" | "1150" | "1200" | "1250"	undefined
name (required)	name	Name of the icon.	string	undefined
size	size	Defines the size of the icon.	"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "text" | "text-small"	'text'

Dependencies

Used by

• gcds-alert
• gcds-button
• gcds-error-message
• gcds-file-uploader
• gcds-link
• gcds-nav-group
• gcds-notice
• gcds-pagination
• gcds-search
• gcds-topic-menu

Graph

graph TD;
  gcds-alert --> gcds-icon
  gcds-button --> gcds-icon
  gcds-error-message --> gcds-icon
  gcds-file-uploader --> gcds-icon
  gcds-link --> gcds-icon
  gcds-nav-group --> gcds-icon
  gcds-notice --> gcds-icon
  gcds-pagination --> gcds-icon
  gcds-search --> gcds-icon
  gcds-topic-menu --> gcds-icon
  style gcds-icon fill:#f9f,stroke:#333,stroke-width:4px

Loading

---

Built with StencilJS