diff --git a/src-docs/src/views/button/button_example.js b/src-docs/src/views/button/button_example.js
index cafa2fc3fb..b864a9b9e5 100644
--- a/src-docs/src/views/button/button_example.js
+++ b/src-docs/src/views/button/button_example.js
@@ -81,27 +81,6 @@ const buttonIconSnippet = [
/>`,
];
-import SplitButton from './split_button';
-const splitButtonSource = require('!!raw-loader!./split_button');
-const splitButtonHtml = renderToHtml(SplitButton);
-const splitButtonSnippet = [
- `
-
-
- Primary action
-
-
-
-
-
-`,
-];
-
import ButtonGhost from './button_ghost';
const buttonGhostSource = require('!!raw-loader!./button_ghost');
const buttonGhostHtml = renderToHtml(ButtonGhost);
@@ -379,33 +358,6 @@ export const ButtonExample = {
snippet: buttonIconSnippet,
demo: ,
},
- {
- title: 'Split buttons',
- source: [
- {
- type: GuideSectionTypes.JS,
- code: splitButtonSource,
- },
- {
- type: GuideSectionTypes.HTML,
- code: splitButtonHtml,
- },
- ],
- text: (
- <>
-
- OUI does not support split buttons specifically. Instead, we
- recommend using separate buttons for the main and overflow actions.
- You can achieve this by simply using the display{' '}
- and size props OuiButtonIcon to
- match that of the primary action button.
-
- >
- ),
- props: { OuiButton, OuiButtonIcon },
- snippet: splitButtonSnippet,
- demo: ,
- },
{
title: 'Toggle buttons',
source: [
diff --git a/src-docs/src/views/button/split_button.js b/src-docs/src/views/button/split_button.js
deleted file mode 100644
index 99bb3fb903..0000000000
--- a/src-docs/src/views/button/split_button.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
- * SPDX-License-Identifier: Apache-2.0
- *
- * The OpenSearch Contributors require contributions made to
- * this file be licensed under the Apache-2.0 license or a
- * compatible open source license.
- *
- * Modifications Copyright OpenSearch Contributors. See
- * GitHub history for details.
- */
-
-import React from 'react';
-
-import {
- OuiButton,
- OuiButtonIcon,
- OuiFlexGroup,
- OuiFlexItem,
-} from '../../../../src/components';
-
-const colors = ['primary', 'text', 'accent', 'success', 'warning', 'danger'];
-
-export default () => (
- <>
- {colors.map((color) => (
-
-
-
- Last 15 min
-
-
-
-
-
-
- ))}
- >
-);