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 - - - - - - - ))} - -);