import { ArgTypes, Canvas, Markdown, Meta } from '@storybook/addon-docs/blocks';
import { cdnJs } from '../../globals/internal/storybook-cdn';
import * as UIShellStories from './ui-shell.stories';

<Meta of={UIShellStories} />

# UI Shell

[Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/web-components/src/components/ui-shell)
&nbsp;|&nbsp;
[Usage guidelines](https://www.carbondesignsystem.com/components/UI-shell-header/usage)
&nbsp;|&nbsp;
[Accessibility](https://www.carbondesignsystem.com/components/UI-shell-header/accessibility)

## Table of Contents

## Overview

## Component API

## `cds-header`

<ArgTypes of="cds-header" />
## `cds-header-global-action`
<ArgTypes of="cds-header-global-action" />
## `cds-header-menu`
<ArgTypes of="cds-header-menu" />
## `cds-header-menu-button`
<ArgTypes of="cds-header-menu-button" />
## `cds-header-menu-item`
<ArgTypes of="cds-header-menu-item" />
## `cds-header-name`
<ArgTypes of="cds-header-name" />
## `cds-header-nav`
<ArgTypes of="cds-header-nav" />
## `cds-header-nav-item`
<ArgTypes of="cds-header-nav-item" />
## `cds-header-panel`
<ArgTypes of="cds-header-panel" />
## `cds-header-side-nav-items`
<ArgTypes of="cds-header-side-nav-items" />
## `cds-side-nav`
<ArgTypes of="cds-side-nav" />
## `cds-side-nav-divider`
<ArgTypes of="cds-side-nav-divider" />
## `cds-side-nav-items`
<ArgTypes of="cds-side-nav-items" />
## `cds-side-nav-link`
<ArgTypes of="cds-side-nav-link" />
## `cds-side-nav-menu`
<ArgTypes of="cds-side-nav-menu" />
## `cds-side-nav-menu-item`
<ArgTypes of="cds-side-nav-menu-item" />
## `cds-switcher`
<ArgTypes of="cds-switcher" />
## `cds-switcher-divider`
<ArgTypes of="cds-switcher-divider" />
## `cds-switcher-item`
<ArgTypes of="cds-switcher-item" />

<Markdown>{`${cdnJs({ components: ['ui-shell'] })}`}</Markdown>

## Feedback

Help us improve this component by providing feedback, asking questions on Slack,
or updating this file on
[GitHub](https://github.com/carbon-design-system/carbon/edit/main/packages/web-components/src/components/ui-shell/ui-shell.mdx).
