4.37.0

Brand Icons

Displays brand icons from the Skylab Asset Library

Demo

API

Tag

Name	Description
`<aui-icon>`	Custom Element

Attributes

Name	Value	Required	Description
`name`	string		Name of the brand icon in the Skylab Asset Library: `https://assets.avalara.com/skylab-images/icons`.
`alt`	string		Alternate text for the image.
`size`	`min` \| `std` \| `max`		Size of the image. `min` is 60x60px. `std` is 84x84px. `max` is 108x108px. Defaults to `std`.
`color`	`blue-dark` \| `gray-darker` \| `orange-medium`		Color of the image. Defaults to `blue-dark`.

Properties

Name	Value	Required	Description
`name`	string		Name of the brand icon in the Skylab Asset Library: `https://assets.avalara.com/skylab-images/icons`.
`alt`	string		Alternate text for the image.
`size`	`min` \| `std` \| `max`		Size of the image. `min` is 60x60px. `std` is 84x84px. `max` is 108x108px. Defaults to `std`.
`color`	`blue-dark` \| `gray-darker` \| `orange-medium`		Color of the image. Defaults to `blue-dark`.

Demo

API

Tag

Name
`<AuiIcon>`

Props

Name	Value	Required	Description
`name`	string		Name of the brand icon in the Skylab Asset Library: `https://assets.avalara.com/skylab-images/icons`.
`alt`	string		Alternate text for the image.
`size`	`min` \| `std` \| `max`		Size of the image. `min` is 60x60px. `std` is 84x84px. `max` is 108x108px. Defaults to `std`.
`color`	`blue-dark` \| `gray-darker` \| `orange-medium`		Color of the image. Defaults to `blue-dark`.

Skylab React links

General information about using our React package

Illustration Names

Guidelines

Design

Design resources can be found on the Skylab design documentation site: skylab.avalara.com