carbon.yml

# yaml-language-server: $schema=https://unpkg.com/@carbon-platform/schemas@v1/carbon-resources.schema.json
library:
  id: carbon-react
  name: Carbon React
  description:
    Build user interfaces with core components using Carbon's primary library.
  externalDocsUrl: https://react.carbondesignsystem.com
  inherits: carbon-styles
  navData:
    - title: Get started
      path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/frameworks/react.mdx'
    - title: Tutorial
      items:
        - title: Overview
          path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/react-tutorial/overview.mdx'
        - title: Step 1
          path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/react-tutorial/step-1.mdx'
        - title: Step 2
          path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/react-tutorial/step-2.mdx'
        - title: Step 3
          path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/react-tutorial/step-3.mdx'
        - title: Step 4
          path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/react-tutorial/step-4.mdx'
        - title: Step 5
          path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/react-tutorial/step-5.mdx'
        - title: Wrapping up
          path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/react-tutorial/wrapping-up.mdx'
        - title: FAQ
          path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/react-tutorial/faq.mdx'
assets:
  accordion:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/accordion/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-accordion
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/accordion/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/accordion/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/accordion/accessibility.mdx
      overviewPath: './src/components/Accordion/docs/overview.mdx'
  aspect-ratio:
    status: stable
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-aspectratio
    docs:
      overviewPath: './src/components/AspectRatio/docs/overview.mdx'
  breadcrumb:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/breadcrumb/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-breadcrumb
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/breadcrumb/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/breadcrumb/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/breadcrumb/accessibility.mdx
      overviewPath: './src/components/Breadcrumb/docs/overview.mdx'
  button:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/button/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-button
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/button/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/button/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/button/accessibility.mdx
      overviewPath: ./src/components/Button/docs/overview.mdx
  checkbox:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/checkbox/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-checkbox
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/checkbox/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/checkbox/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/checkbox/accessibility.mdx
      overviewPath: ./src/components/Checkbox/docs/overview.mdx
  class-prefix:
    name: Class prefix
    description: The ClassPrefix component is used to change the prefix in the classes used by components in Carbon.
    type: component
    framework: react
    status: stable
    platform: web
    thumbnailPath: ./thumbnails/class-prefix.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-classprefix
    tags:
      - content-element
    docs:
      overviewPath: ./src/components/ClassPrefix/docs/overview.mdx
  code-snippet:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/code-snippet/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-codesnippet
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/code-snippet/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/code-snippet/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/code-snippet/accessibility.mdx
      overviewPath: ./src/components/CodeSnippet/docs/overview.mdx
  combo-box:
    status: stable
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-combobox
    docs:
      overviewPath: ./src/components/ComboBox/docs/overview.mdx
  composed-modal:
    name: Composed modal
    framework: react
    status: stable
    type: component
    platform: web
    thumbnailPath: ./thumbnails/composed-modal.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-composedmodal
    tags:
      - input-control
    docs:
      overviewPath: ./src/components/ComposedModal/docs/overview.mdx
  contained-list:
    name: Contained list
    type: component
    platform: web
    status: stable
    thumbnailPath: ./thumbnails/contained-list.svg
    externalDocsUrl: https://www.carbondesignsystem.com/components/contained-list/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-containedlist
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/contained-list/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/contained-list/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/contained-list/accessibility.mdx
      overviewPath: ./src/components/ContainedList/docs/overview.mdx
  content-switcher:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/content-switcher/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-contentswitcher
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/content-switcher/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/content-switcher/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/content-switcher/accessibility.mdx
      overviewPath: ./src/components/ContentSwitcher/docs/overview.mdx
  context-menu:
    name: Context menu
    status: experimental
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/experimental-unstable-menu-contextmenu
    platform: web
    thumbnailPath: ./thumbnails/context-menu.svg
    docs:
      overviewPath: ./src/components/ContextMenu/docs/overview.mdx
    tags:
      - system-feedback
  copy-button:
    status: stable
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-copybutton
    docs:
      overviewPath: ./src/components/CopyButton/docs/overview.mdx
  data-table:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/data-table/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-datatable
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/data-table/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/data-table/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/data-table/accessibility.mdx
      overviewPath: ./src/components/DataTable/docs/overview.mdx
  date-picker:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/date-picker/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-datepicker
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/date-picker/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/date-picker/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/date-picker/accessibility.mdx
      overviewPath: ./src/components/DatePicker/docs/overview.mdx
  dropdown:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/dropdown/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-dropdown
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/dropdown/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/dropdown/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/dropdown/accessibility.mdx
      overviewPath: ./src/components/Dropdown/docs/overview.mdx
  error-boundary:
    name: Error boundary
    framework: react
    status: stable
    type: component
    platform: web
    thumbnailPath: ./thumbnails/error-boundary.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-errorboundary
    tags:
      - system-feedback
    docs:
      overviewPath: ./src/components/ErrorBoundary/docs/overview.mdx
  file-uploader:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/file-uploader/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-fileuploader--file-uploader
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/file-uploader/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/file-uploader/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/file-uploader/accessibility.mdx
      overviewPath: ./src/components/FileUploader/docs/overview.mdx
  flex-grid:
    name: Flex grid
    framework: react
    status: stable
    type: component
    platform: web
    thumbnailPath: ./thumbnails/flex-grid.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/elements-flexgrid
    tags:
      - shell
    docs:
      overviewPath: ./src/components/FlexGrid/docs/overview.mdx
  form:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/form/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-form
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/form/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/form/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/form/accessibility.mdx
      overviewPath: ./src/components/Form/docs/overview.mdx
  form-group:
    name: Form group
    framework: react
    status: stable
    type: component
    platform: web
    thumbnailPath: ./thumbnails/form-group.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-formgroup
    tags:
      - form
    docs:
      overviewPath: ./src/components/FormGroup/docs/overview.mdx
  form-label:
    name: Form label
    framework: react
    status: stable
    type: component
    platform: web
    thumbnailPath: ./thumbnails/form-label.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-formlabel
    tags:
      - content-element
    docs:
      overviewPath: ./src/components/FormLabel/docs/overview.mdx
  grid:
    status: stable
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/elements-grid
    docs:
      overviewPath: ./src/components/Grid/docs/overview.mdx
  heading:
    name: Heading
    framework: react
    status: stable
    type: component
    platform: web
    thumbnailPath: ./thumbnails/heading.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-heading--default
    docs:
      overviewPath: ./src/components/Heading/docs/overview.mdx
    tags:
      - content-element
  id-prefix:
    name: Id prefix
    description: The IdPrefix component is used to change the prefix applied to the automatically generated id attributes placed on certain DOM elements.
    framework: react
    status: stable
    type: component
    platform: web
    thumbnailPath: ./thumbnails/id-prefix.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-idprefix
    docs:
      overviewPath: ./src/components/IdPrefix/docs/overview.mdx
    tags:
      - content-element
  icon-button:
    name: Icon button
    framework: react
    status: stable
    type: component
    platform: web
    thumbnailPath: ./thumbnails/icon-button.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-iconbutton
    docs:
      overviewPath: ./src/components/IconButton/docs/overview.mdx
    tags:
      - input-control
      - media
  inline-loading:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/inline-loading/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-inlineloading
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/inline-loading/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/inline-loading/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/inline-loading/accessibility.mdx
      overviewPath: ./src/components/InlineLoading/docs/overview.mdx
  layer:
    name: Layer
    framework: react
    status: stable
    type: component
    platform: web
    thumbnailPath: ./thumbnails/layer.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-layer
    tags:
      - shell
    docs:
      overviewPath: ./src/components/Layer/docs/overview.mdx
  layout-direction:
    name: Unstable layout direction
    framework: react
    status: experimental
    type: component
    platform: web
    thumbnailPath: ./thumbnails/layout-direction.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/experimental-unstable-text--layout-and-text
    tags:
      - input-control
    docs:
      overviewPath: ./src/components/Layout/docs/overview.mdx
  link:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/link/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-link
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/link/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/link/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/link/accessibility.mdx
      overviewPath: ./src/components/Link/docs/overview.mdx
  loading:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/loading/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-loading
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/loading/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/loading/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/loading/accessibility.mdx
      overviewPath: ./src/components/Loading/docs/overview.mdx
  modal:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/modal/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-modal
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/modal/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/modal/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/modal/accessibility.mdx
      overviewPath: ./src/components/Modal/docs/overview.mdx
  multiselect:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/dropdown/usage/#multiselect
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-multiselect
    docs:
      overviewPath: ./src/components/MultiSelect/docs/overview.mdx
  notification:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/notification/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-notifications
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/notification/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/notification/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/notification/accessibility.mdx
      overviewPath: ./src/components/Notification/docs/overview.mdx
  number-input:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/number-input/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-numberinput
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/number-input/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/number-input/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/number-input/accessibility.mdx
      overviewPath: ./src/components/NumberInput/docs/overview.mdx
  ordered-list:
    name: Ordered list
    framework: react
    status: stable
    type: component
    platform: web
    thumbnailPath: ./thumbnails/ordered-list.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-orderedlist
    tags:
      - data-display
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/list/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/list/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/list/accessibility.mdx
      overviewPath: ./src/components/OrderedList/docs/overview.mdx
  overflow-menu:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/overflow-menu/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-overflowmenu
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/overflow-menu/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/overflow-menu/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/overflow-menu/accessibility.mdx
      overviewPath: ./src/components/OverflowMenu/docs/overview.mdx
  overflow-menu-v2:
      status: experimental
      framework: react
      demoLinks:
        - type: storybook
          name: Storybook
          action: link
          url: https://react.carbondesignsystem.com/?path=/docs/experimental-unstable-menu-overflowmenuv2
      docs:
        overviewPath: ./src/components/OverflowMenuV2/docs/overview.mdx
  pagination:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/pagination/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-pagination
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/pagination/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/pagination/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/pagination/accessibility.mdx
      overviewPath: ./src/components/Pagination/docs/overview.mdx
  pagination-nav:
    status: stable
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-paginationnav
    docs:
      overviewPath: ./src/components/PaginationNav/docs/overview.mdx
  pagination-v2:
    name: Unstable pagination
    framework: react
    status: experimental
    type: component
    platform: web
    thumbnailPath: ./thumbnails/pagination-v2.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/experimental-unstable-pagination
    tags:
      - data-display
      - contextual-navigation
    docs:
      overviewPath: ./src/components/Pagination/experimental/docs/overview.mdx
  popover:
    status: stable
    framework: react
    externalDocsUrl: https://www.carbondesignsystem.com/components/popover/usage
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-popover
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/popover/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/popover/style.mdx
      overviewPath: ./src/components/Popover/docs/overview.mdx
  progress-bar:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/progress-bar/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-progressbar
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/progress-bar/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/progress-bar/style.mdx
      overviewPath: ./src/components/ProgressBar/docs/overview.mdx
  progress-indicator:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/progress-indicator/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-progressindicator
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/progress-indicator/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/progress-indicator/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/progress-indicator/accessibility.mdx
      overviewPath: ./src/components/ProgressIndicator/docs/overview.mdx
  radio-button:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/radio-button/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-radiobutton
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/radio-button/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/radio-button/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/radio-button/accessibility.mdx
      overviewPath: ./src/components/RadioButton/docs/overview.mdx
  search:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/search/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-search
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/search/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/search/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/search/accessibility.mdx
      overviewPath: ./src/components/Search/docs/overview.mdx
  select:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/select/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-select
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/select/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/select/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/select/accessibility.mdx
      overviewPath: ./src/components/Select/docs/overview.mdx
  skeleton:
    name: Skeleton
    framework: react
    status: stable
    type: component
    platform: web
    thumbnailPath: ./thumbnails/skeleton.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-skeleton
    tags:
      - shell
    docs:
      overviewPath: ./src/components/Skeleton/docs/overview.mdx
  slider:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/slider/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-slider
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/slider/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/slider/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/slider/accessibility.mdx
      overviewPath: ./src/components/Slider/docs/overview.mdx
  stack:
    name: Stack
    framework: react
    status: stable
    type: component
    platform: web
    thumbnailPath: ./thumbnails/stack.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/layout-stack
    tags:
      - content-block
    docs:
      overviewPath: ./src/components/Stack/docs/overview.mdx
  structured-list:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/structured-list/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-structuredlist
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/structured-list/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/structured-list/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/structured-list/accessibility.mdx
      overviewPath: ./src/components/StructuredList/docs/overview.mdx
  tabs:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/tabs/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-tabs
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tabs/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tabs/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tabs/accessibility.mdx
      overviewPath: ./src/components/Tabs/docs/overview.mdx
  tag:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/tag/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-tag
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tag/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tag/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tag/accessibility.mdx
      overviewPath: ./src/components/Tag/docs/overview.mdx
  text:
    name: Unstable text
    framework: react
    status: experimental
    type: component
    platform: web
    thumbnailPath: ./thumbnails/text.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/experimental-unstable-text
    tags:
      - input-control
    docs:
      overviewPath: ./src/components/Text/docs/overview.mdx
  text-direction:
    name: Unstable text direction
    framework: react
    status: experimental
    type: component
    platform: web
    thumbnailPath: ./thumbnails/text-direction.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/experimental-unstable-text--set-text-direction
    tags:
      - input-control
    docs:
      overviewPath: ./src/components/Text/docs/text-direction-overview.mdx
  text-area:
    status: stable
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-textarea
    docs:
      overviewPath: ./src/components/TextArea/docs/overview.mdx
  text-input:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/text-input/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-textinput
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/text-input/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/text-input/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/text-input/accessibility.mdx
      overviewPath: ./src/components/TextInput/docs/overview.mdx
  theme:
    status: stable
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-theme--default
    docs:
      overviewPath: ./src/components/Theme/docs/overview.mdx
  tile:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/tile/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-tile
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tile/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tile/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tile/accessibility.mdx
      overviewPath: ./src/components/Tile/docs/overview.mdx
  time-picker:
    status: stable
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-timepicker
    docs:
      overviewPath: ./src/components/TimePicker/docs/overview.mdx
  toggle:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/toggle/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-toggle
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/toggle/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/toggle/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/toggle/accessibility.mdx
      overviewPath: ./src/components/Toggle/docs/overview.mdx
  toggletip:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/toggletip/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-toggletip
    tags:
      - content-element
    docs:
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/toggletip/accessibility.mdx
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/toggletip/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/toggletip/style.mdx
      overviewPath: ./src/components/Toggletip/docs/overview.mdx
  tooltip:
    status: stable
    externalDocsUrl: https://www.carbondesignsystem.com/components/tooltip/usage
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-tooltip
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tooltip/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tooltip/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tooltip/accessibility.mdx
      overviewPath: ./src/components/Tooltip/docs/overview.mdx
  definition-tooltip:
    status: stable
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-definitiontooltip
    docs:
      overviewPath: ./src/components/Tooltip/docs/definition-tooltip-overview.mdx
  tree-view:
    status: experimental
    framework: react
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-treeview--default
    docs:
      overviewPath: ./src/components/TreeView/docs/overview.mdx
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tree-view/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tree-view/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/tree-view/accessibility.mdx
  ui-shell-header:
    framework: react
    externalDocsUrl: https://www.carbondesignsystem.com/components/UI-shell-header/usage
    status: stable
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-ui-shell
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-header/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-header/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-header/accessibility.mdx
      codePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-header/code.mdx
  ui-shell-left-panel:
    framework: react
    externalDocsUrl: https://www.carbondesignsystem.com/components/UI-shell-left-panel/usage
    status: stable
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-ui-shell
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-left-panel/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-left-panel/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-left-panel/accessibility.mdx
      codePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-left-panel/code.mdx
  ui-shell-right-panel:
    framework: react
    externalDocsUrl: https://www.carbondesignsystem.com/components/UI-shell-right-panel/usage
    status: stable
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-ui-shell
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-right-panel/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-right-panel/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-right-panel/accessibility.mdx
      codePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/UI-shell-right-panel/code.mdx
  unordered-list:
    name: Unordered list
    framework: react
    status: stable
    type: component
    platform: web
    thumbnailPath: ./thumbnails/unordered-list.svg
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-unorderedlist
    tags:
      - data-display
    docs:
      usagePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/list/usage.mdx
      stylePath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/list/style.mdx
      accessibilityPath: https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/components/list/accessibility.mdx
      overviewPath: ./src/components/UnorderedList/docs/overview.mdx
  use-context-menu:
    name: unstable_useContextMenu
    framework: react
    status: experimental
    type: function
    platform: web
    tags:
      - hook
  use-feature-flag:
    name: unstable_useFeatureFlag
    framework: react
    status: experimental
    type: function
    platform: web
    tags:
      - hook
  use-feature-flags:
    name: unstable_useFeatureFlags
    framework: react
    status: experimental
    type: function
    platform: web
    tags:
      - hook
  use-layer:
    name: useLayer
    framework: react
    status: stable
    type: function
    platform: web
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/components-layer--use-layer
    tags:
      - hook
    docs:
      overviewPath: ./src/components/Layer/docs/use-layer-overview.mdx
  use-layout-direction:
    name: unstable_useLayoutDirection
    framework: react
    status: experimental
    type: function
    platform: web
    tags:
      - hook
  use-prefix:
    name: usePrefix
    description: A hook that returns the prefix used in our classes.
    framework: react
    status: stable
    type: function
    platform: web
    demoLinks:
      - type: storybook
        name: Storybook
        action: link
        url: https://react.carbondesignsystem.com/?path=/docs/hooks-useprefix--page
    tags:
      - hook
  use-theme:
    name: useTheme
    framework: react
    status: stable
    type: function
    platform: web
    tags:
      - hook
    docs:
      overviewPath: ./src/components/Theme/docs/use-theme-overview.mdx