diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 4adde4d7b2..9afa0370d4 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -70,7 +70,6 @@ export default defineConfig({
             { text: 'External Link', link: '/components/external-link' },
             { text: 'File Upload', link: '/components/file-upload' },
             { text: 'Icon', link: '/components/icon' },
-            { text: 'Inline Edit', link: '/components/inline-edit' },
             { text: 'Input', link: '/components/input' },
             { text: 'Input Switch', link: '/components/input-switch' },
             { text: 'Label', link: '/components/label' },
diff --git a/docs/components/inline-edit.md b/docs/components/inline-edit.md
deleted file mode 100644
index 47a1fed260..0000000000
--- a/docs/components/inline-edit.md
+++ /dev/null
@@ -1,143 +0,0 @@
-# Inline Edit
-
-**KInlineEdit** - A wrapper which adds inline edit capability. Currently only supports single text input.
-
-<KComponent :data="{ inlineText: 'Click to edit me' }" v-slot="{ data }">
-  <KInlineEdit @changed="(newVal) => data.inlineText = newVal"><h3>{{ data.inlineText }}</h3></KInlineEdit>
-</KComponent>
-
-> The `KComponent` component is used in this example to create state.
-
-```html
-<KComponent :data="{ inlineText: 'Click to edit me' }" v-slot="{ data }">
-  <KInlineEdit>
-    <h3>{{ data.inlineText }}</h3>
-  </KInlineEdit>
-</KComponent>
-```
-
-## Props
-
-### ignoreValue
-
-If true, will not set the value of the input when enabled/clicked. This is useful to control placeholder style text
-
-<KComponent :data="{ inlineText: '' }" v-slot="{ data }">
-  <KInlineEdit :ignore-value="data.inlineText.length === 0" @changed="newVal => data.inlineText = newVal"><p>{{ data.inlineText || 'cool placeholder' }}</p></KInlineEdit>
-</KComponent>
-
-> The `KComponent` component is used in this example to create state.
-
-```html
-<KComponent :data="{ inlineText: '' }" v-slot="{ data }">
-  <KInlineEdit
-    :ignore-value="data.inlineText.length === 0"
-    @changed="newVal => data.inlineText = newVal">
-    <p>{{ data.inlineText || 'cool placeholder' }}</p>
-  </KInlineEdit>
-</KComponent>
-```
-
-### styleOverrides
-
-Styles to set when the input is active. Useful when styling the default state differently.
-
-<KComponent :data="{ inlineText: '' }" v-slot="{ data }">
-  <KInlineEdit :ignore-value="data.inlineText.length === 0" :style-overrides="{color: 'black'}" @changed="newVal => data.inlineText = newVal"><p :class="{ 'decorated-text': data.inlineText.length > 0 }">{{ data.inlineText || 'cool placeholder' }}</p></KInlineEdit>
-</KComponent>
-
-> The `KComponent` component is used in this example to create state.
-
-```html
-<KComponent :data="{ inlineText: '' }" v-slot="{ data }">
-  <KInlineEdit
-    :ignore-value="data.inlineText.length === 0"
-    :style-overrides="{ color: 'black' }"
-    @changed="newVal => data.inlineText = newVal">
-    <p :class="{ 'decorated-text': data.inlineText.length > 0 }">
-      {{ data.inlineText || 'cool placeholder' }}
-    </p>
-  </KInlineEdit>
-</KComponent>
-
-<style>
-.decorated-text {
-  font-style: italic;
-}
-</style>
-```
-
-## Events
-
-### `@changed`
-
-Emitted blurred away from the editing input or when enter is pressed.
-
-When clicking out of the input `@changed` will fire and emit the value. Can be used to reset the outside data.
-
-::: tip
-While the component itself does not protect against returning empty an empty value, it is advised to do a check at the implementation layer to ensure empty & validation are accounted for.
-:::
-
-<KCard>
-  <template v-slot:body>
-    <KComponent :data="{ inlineText: 'Click to edit me' }" v-slot="{ data }">
-      <div>
-        Updated: {{ data.inlineText }}
-        <KInlineEdit @changed="newVal => { if(newVal.length) { data.inlineText = newVal } else { alert('cannot be empty') } }">
-          <h3>{{ data.inlineText }}</h3>
-        </KInlineEdit>
-      </div>
-    </KComponent>
-  </template>
-</KCard>
-
-> The `KComponent` component is used in this example to create state.
-
-```html
-<KComponent :data="{ inlineText: 'Click to edit me' }" v-slot="{ data }">
-  <div>
-    Updated: {{ data.inlineText }}
-    <KInlineEdit @changed="newVal => { if(newVal.length) { data.inlineText = newVal } else { alert('cannot be empty') } }">
-      <h3>{{ data.inlineText }}</h3>
-    </KInlineEdit>
-  </div>
-</KComponent>
-```
-
-## Slots
-
-- `default` - Content to be edited
-
-::: warning
-An HTML element must be passed in the slot. An error will be thrown if not passed.
-
-```html
-<!-- good -->
-<KInlineEdit>
-  <p>Some text</p>
-</KInlineEdit>
-
-<!-- bad -->
-<KInlineEdit>
-  Some text
-</KInlineEdit>
-```
-
-:::
-
-<script>
-export default {
-  methods: {
-    alert(msg) {
-      window.alert(msg)
-    }
-  }
-}
-</script>
-
-<style>
-.decorated-text {
-  font-style: italic;
-}
-</style>
diff --git a/docs/guide/migrating-to-version-9.md b/docs/guide/migrating-to-version-9.md
index 09aee38ee2..162d57ef2a 100644
--- a/docs/guide/migrating-to-version-9.md
+++ b/docs/guide/migrating-to-version-9.md
@@ -332,6 +332,7 @@ No breaking changes.
 
 ### KInlineEdit
 
+This component has been removed.
 
 ### KInput
 
diff --git a/src/components/KInlineEdit/KInlineEdit.cy.ts b/src/components/KInlineEdit/KInlineEdit.cy.ts
deleted file mode 100644
index 86a4cb8520..0000000000
--- a/src/components/KInlineEdit/KInlineEdit.cy.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { mount } from 'cypress/vue'
-import { h } from 'vue'
-import KInlineEdit from '@/components/KInlineEdit/KInlineEdit.vue'
-
-describe('KInlineEdit', () => {
-  it('copies element css to input on click', () => {
-    mount(KInlineEdit, {
-      slots: {
-        default: () => h('p', { style: { padding: '10px' } }, 'text'),
-      },
-    })
-
-    cy.get('p').click()
-    cy.get('.k-input').should('have.css', 'padding').and('match', /10px/)
-  })
-
-  it('applies style overrides when prop passed', () => {
-    mount(KInlineEdit, {
-      props: {
-        styleOverrides: { color: 'red' },
-      },
-      slots: {
-        default: () => h('p', { style: { color: 'black' } }, 'text'),
-      },
-    })
-
-    cy.get('p').click()
-    cy.get('.k-input').should('have.attr', 'style').and('match', /color: red/)
-  })
-
-  it('does not pass in initial value when prop passed', () => {
-    mount(KInlineEdit, {
-      props: {
-        ignoreValue: true,
-      },
-      slots: {
-        default: () => h('p', {}, 'text'),
-      },
-    })
-
-    cy.get('p').click()
-    cy.get('.k-input').should('have.value', '')
-  })
-
-  it('emits updated text on blur', () => {
-    const string1 = 'Hello'
-    const string2 = ' world!'
-    mount(KInlineEdit, {
-      slots: {
-        default: () => h('p', {}, string1),
-      },
-    })
-
-    cy.get('p').click()
-    cy.get('.k-input').type(string2)
-    cy.get('.k-input').blur().then(() => {
-      cy.wrap(Cypress.vueWrapper.emitted()).should('have.property', 'changed')
-      cy.wrap(Cypress.vueWrapper.emitted('changed')[0][0]).should('eq', string1 + string2)
-    })
-  })
-})
diff --git a/src/components/KInlineEdit/KInlineEdit.vue b/src/components/KInlineEdit/KInlineEdit.vue
deleted file mode 100644
index 7c00039a65..0000000000
--- a/src/components/KInlineEdit/KInlineEdit.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<template>
-  <div
-    :id="`editable-wrapper-${inputUuid}`"
-    class="k-inline-edit"
-  >
-    <input
-      v-if="isEditing"
-      ref="input"
-      v-model.trim="inputText"
-      class="k-input"
-      :style="styles"
-      @blur="handleSave"
-      @keyup.enter="onEnter"
-    >
-    <div
-      v-if="!isEditing"
-      :id="`element-content-wrapper-${inputUuid}`"
-      @click="handleClick"
-    >
-      <slot v-if="!isEditing" />
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref, computed, onMounted, nextTick, useSlots } from 'vue'
-import { v1 as uuidv1 } from 'uuid'
-import { Styles } from '@/types'
-
-const props = defineProps({
-  /**
-   * Sets whether the initial value passed in should be ignored.
-   * Useful for times when you have placeholder text and don't want it passed
-   * in as a value
-   */
-  ignoreValue: {
-    type: Boolean,
-    default: false,
-  },
-  /**
-   * An object of css styles to override those plucked from the slot element.
-   * Useful if you are styling the default content differently than how the
-   * input should display
-   */
-  styleOverrides: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-const emit = defineEmits<{
-  (e: 'changed', value: string): void
-}>()
-
-const slots = useSlots()
-
-const input = ref(null)
-const inputUuid = computed((): string => 'editable-wrapper-' + uuidv1())
-const isEditing = ref(false)
-const inputText = ref('')
-const styles = ref({})
-
-const handleClick = async (e: any): Promise<void> => {
-  // If clicking the slot wrapper lets exit out as to not
-  // copy its styles to the input
-  if (e.target.id === 'element-content-wrapper') return
-
-  // Get current STYLES off of the element
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  styles.value = { ...getStyles(e.target), ...props.styleOverrides }
-  inputText.value = props.ignoreValue ? '' : e.target.textContent
-  isEditing.value = true
-
-  // Wait for Vue to update styles & text
-  await nextTick()
-
-  if (input.value) {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    input.value.focus()
-  }
-}
-
-const handleSave = (): void => {
-  isEditing.value = false
-  emit('changed', inputText.value)
-}
-
-const getStyles = (element: HTMLElement) => {
-  const elementStyles = getComputedStyle(element)
-
-  return Object.keys(Styles).reduce((acc: string, cur: string) => {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    acc[cur] = elementStyles.getPropertyValue(Styles[cur])
-
-    return acc
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-  }, {})
-}
-
-const onEnter = (e: any): void => {
-  e?.target?.blur()
-}
-
-onMounted(() => {
-  try {
-    if (!slots.default) {
-      throw new Error('KInlineEdit expects a slotted HTML tag.')
-    }
-  } catch (_) {
-    console.error(`KInlineEdit expects a slotted HTML tag.
-
-    Example usage:
-
-      <KInlineEdit>
-        <p>Some text</p>
-        ^^------add slotted tag
-      </KInlineEdit>
-    `)
-  }
-})
-</script>
-
-<style lang="scss" scoped>
-
-@import '@/styles/tmp-variables';
-
-.k-inline-edit {
-  $inline-edit-padding: var(--kui-space-20, $kui-space-20) var(--kui-space-40, $kui-space-40);
-  box-sizing: border-box;
-
-  > :deep(div) {
-    cursor: text;
-    display: inline-flex;
-    width: 100%;
-
-    > * {
-      border: var(--kui-border-width-10, $kui-border-width-10) solid var(--kui-color-border-transparent, $kui-color-border-transparent);
-      border-radius: var(--kui-border-radius-10, $kui-border-radius-10);
-      line-height: 1.25;
-      margin-left: calc(-1 * var(--kui-space-40, $kui-space-40)); // align the left side of content
-      margin-top: var(--kui-space-0, $kui-space-0); // prevent a shift
-      overflow: hidden;
-      padding: $inline-edit-padding;
-      transition: background-color $tmp-animation-timing-2 ease;
-      width: 100%;
-    }
-
-    &:hover > * {
-      background-color: var(--kui-color-background-disabled, $kui-color-background-disabled);
-    }
-  }
-
-  .k-input {
-    display: inline-flex;
-    padding: $inline-edit-padding;
-    width: 100%;
-
-    &:focus,
-    &:hover {
-      background-color: var(--kui-color-background, $kui-color-background);
-    }
-  }
-}
-</style>
diff --git a/src/components/index.ts b/src/components/index.ts
index 1953f6c0f7..f7220faa3b 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -24,7 +24,6 @@ export { default as KDropdownMenu } from './KDropdown/KDropdown.vue' // KDropdow
 export { default as KEmptyState } from './KEmptyState/KEmptyState.vue'
 export { default as KFileUpload } from './KFileUpload/KFileUpload.vue'
 export { default as KIcon } from './KIcon/KIcon.vue'
-export { default as KInlineEdit } from './KInlineEdit/KInlineEdit.vue'
 export { default as KInput } from './KInput/KInput.vue'
 export { default as KInputSwitch } from './KInputSwitch/KInputSwitch.vue'
 export { default as KLabel } from './KLabel/KLabel.vue'
diff --git a/src/global-components.ts b/src/global-components.ts
index 251f732d24..96dee12f50 100644
--- a/src/global-components.ts
+++ b/src/global-components.ts
@@ -23,7 +23,6 @@ declare module '@vue/runtime-core' {
     KExternalLink: typeof components.KExternalLink
     KFileUpload: typeof components.KFileUpload
     KIcon: typeof components.KIcon
-    KInlineEdit: typeof components.KInlineEdit
     KInput: typeof components.KInput
     KInputSwitch: typeof components.KInputSwitch
     KLabel: typeof components.KLabel
diff --git a/src/types/index.ts b/src/types/index.ts
index e8fbc98bf2..48eb81f60c 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -25,6 +25,5 @@ export * from './skeleton'
 export * from './select'
 export * from './swrv'
 export * from './toaster'
-export * from './inline-edit'
 export * from './text-area'
 export * from './tree-list'
diff --git a/src/types/inline-edit.ts b/src/types/inline-edit.ts
deleted file mode 100644
index 3705ff6a88..0000000000
--- a/src/types/inline-edit.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-// Styles we want copied from the element
-export enum Styles {
-  fontSize = 'font-size',
-  fontWeight = 'font-weight',
-  fontFamily = 'font-family',
-  color = 'color',
-  margin = 'margin',
-  padding = 'padding',
-}