App Icon

A component which outputs one of the "App Icons" from Availity UI Kit

Version

Installation#

npm

npm install @availity/app-icon --save

Yarn

yarn add @availity/app-icon

Example#

import React from 'react';
import AppIcon from '@availity/app-icon';
const Example = () => (
<>
<AppIcon title="Payer Space" color="blue" branded size="xl">
PS
</AppIcon>
<AppIcon title="Payer Space" color="red" size="xl">
PS
</AppIcon>
<AppIcon title="Payer Space" color="orange">
PS
</AppIcon>
</>
);

Live example: Storybook#

Props#

size? string#

Potential values: "lg", "xl"

color?: string#

Potential values: "black", "blue", "green", "orange", "red". Default: "black"

branded?: boolean#

Triggers "branded" styles

src?: string#

If image source is provided, it will render this instead of children.

alt?: string#

For src prop. the alt property for your image source is not found or is loading.