App Icon

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

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.