@availity/gatsby-theme-core

Package containing base components and plugins for Availity Themed Gatsby Sites

Usage no npm install needed!

<script type="module">
  import availityGatsbyThemeCore from 'https://cdn.skypack.dev/@availity/gatsby-theme-core';
</script>

README

Gatsby Theme Core

Package containing base components and plugins for Availity Themed Gatsby Sites

Gatsby Plugins Included

Components Included

TopNavigation

Contains Top Navigation Component rendered at the top of the page

Props

Prop Name type required description
navItems array true List of nav items to render at the top right of the page
pathname string true Current pathname of the page

navItems object structure:

{
  "value": "/availity-react",
  "text": "Components"
}

Usage

import { TopNavigation } from '@availity/gatsby-theme-core';

// render
<TopNavigation
 navItems=[{
  value: "/availity-react",
  text: "Components"
}]
  pathname="/availity-react/components/app-icon"
/>

Layout

The base layout that should be the first thing on each page. Will contain all the proper site metadata and formatting for height adjustments

Props

N/A

Usage

import { Layout } from '@availity/gatsby-theme-core';

// render
<Layout>
  <TopNavigation />
  <PageContent />
</Layout>;