@availity/page-header NPM | npm.io

14.0.9 • Published 8 months ago

Install

Weekly downloads

8

License

MIT

Repository

Last release

8 months ago

@availity/page-header

The standard page header for Availity Portal Applications

Installation

npm install @availity/page-header --save

Usage

import React from 'react';
import PageHeader from '@availity/page-header';
// ...
<PageHeader appName="Applicaiton Name" />
// ...

PageHeader (Default export)

The standard Availity application header which appears at the top of the page. It can include an app icon, payer logo, and/or the feedback loop.

Props

children: Node. Optional. This value will appear at the h1 of the page. Overrides the appName to allow for custom elements (such as a "beta" tag) Default: value of appName prop
appName: String. Required. Name of the application
spaceName: String. Optional. Payer Space Name of the space in which this page is under.
spaceId: String. Optional. Payer Space ID of the space in which this page is under.
appAbbr: String. Optional. If provided and payerId is not provided the app icon will appear.
iconColor: String, optional. Potential values: "black", "blue", "green", "orange". Only used if the app icon should appear. Default value: "black"
branded: String. Optional. Triggers the app icon's "branded" styles. Only used if the app icon should appear.
payerId: String. Optional. The ID of the payer if the application is payer specific. If provided the payer logo will appear and not the app icon.
feedback: Boolean. Optional. If true the feedback loop button will appear. Default: false.
crumbs: Array(Object) or BreadCrumbs . Optional. Array of Objects contains name (String) and url (string) properties. Optional. The ancestor pages which gets passed to the Breadcrumbs component. See the children props sections of the @availity/Breadcrumbs documentation
component: Component. Optional. Allow rendering of an optional component in the top right of the header.
clientId: String. Optional. client id to use in PayerLogo

PageHeader Usage

import React from 'react';
import PageHeader from '@availity/page-header';
// ...
<PageHeader
  appName="Payer Space"
  appAbbr="PS"
  iconColor="blue"
  feedback
/>

<PageHeader
  appName="Payer Space"
  payerId="PayerID"
  spaceName="Payer's Space"
  spaceId="73162546201441126239486200007187"
>
  Payer Space<sup>beta</sup>
</PageHeader>
// ...

react availity page header

@availity/app-icon @availity/breadcrumbs @availity/feedback @availity/payer-logo classnames prop-types

@infinitebrahmanuniverse/nolb-_av @everything-registry/sub-chunk-99 @availity/gatsby-theme-docs @zalastax/nolb-_av

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

8 months ago

10 months ago

11 months ago

10 months ago

10 months ago

1 year ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

11.0.13-link.20

3 years ago

3 years ago

3 years ago

3 years ago

11.0.13-link.14

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

11.0.13-link.13

3 years ago

11.0.13-link.12

3 years ago

4 years ago

3 years ago

3 years ago

3 years ago

11.1.14-alpha.3

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

10.0.0-tango.31

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

10.0.30-alpha.0

5 years ago

5 years ago

5 years ago

10.0.0-gamma.30

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

10.0.0-alpha.20

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

10.0.0-alpha.17

6 years ago

10.0.0-alpha.16

6 years ago

10.0.0-alpha.15

6 years ago

10.0.0-alpha.14

6 years ago

6 years ago

6 years ago

6 years ago

10.0.0-alpha.13

6 years ago

6 years ago

6 years ago

10.0.0-alpha.10

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

0.0.0-t325224b2

6 years ago