@kong-ui-public/page-layout

A set of Kong UI page layout components that provides a structured page header with breadcrumbs, title, and responsive tabbed navigation.

• Requirements
• Included components
• Install
  • In-Component registration
• TypeScript interfaces
• Individual component documentation

Requirements

• vue and vue-router must be initialized in the host application
• @kong/kongponents must be available as a dependency in the host application, along with the package's style imports. See here for instructions on installing Kongponents.

Included components

• PageLayout.vue

Reference the individual component docs for more info.

Install

Install the component in your host application

yarn add @kong-ui-public/page-layout

In-Component registration

Import the component within your application.

import { PageLayout } from '@kong-ui-public/page-layout'

TypeScript interfaces

TypeScript interfaces are available here and can be directly imported into your host application. The following type interfaces are available for import:

import type { PageLayoutTab, PageLayoutProps, PageLayoutSlots, PageLayoutTabsProps } from '@kong-ui-public/page-layout'

Individual component documentation

• <PageLayout />