diff --git a/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenu.tsx b/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenu.tsx index 713e24daf57..b471c921f37 100644 --- a/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenu.tsx +++ b/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenu.tsx @@ -2,15 +2,15 @@ import * as React from 'react'; import styles from '@patternfly/patternfly/components/OptionsMenu/options-menu.css'; import { css, getModifier } from '@patternfly/react-styles'; -export const OptionsMenuPosition = { - right: 'right', - left: 'left' -}; +export enum OptionsMenuPosition { + right = 'right', + left = 'left' +} -export const OptionsMenuDirection = { - up: 'up', - down: 'down' -}; +export enum OptionsMenuDirection { + up = 'up', + down = 'down' +} export interface OptionsMenuProps extends React.HTMLProps{ /** Classes applied to root element of the Options menu */ @@ -28,9 +28,9 @@ export interface OptionsMenuProps extends React.HTMLProps{ /** Provides an accessible name for the Options menu */ ariaLabelMenu?: string; /** Indicates where menu will be aligned horizontally */ - position?: 'right' | 'left'; + position?: 'right' | 'left'; /** Menu will open up or open down from the Options menu toggle */ - direction?: 'up' | 'down'; + direction?: 'up' | 'down'; } export class OptionsMenu extends React.Component { diff --git a/packages/patternfly-4/react-integration/demo-app-ts/src/components/demos/OptionsMenuDemo/OptionsMenuDemo.tsx b/packages/patternfly-4/react-integration/demo-app-ts/src/components/demos/OptionsMenuDemo/OptionsMenuDemo.tsx index 43f9075d7ea..0b5aef8d804 100644 --- a/packages/patternfly-4/react-integration/demo-app-ts/src/components/demos/OptionsMenuDemo/OptionsMenuDemo.tsx +++ b/packages/patternfly-4/react-integration/demo-app-ts/src/components/demos/OptionsMenuDemo/OptionsMenuDemo.tsx @@ -79,8 +79,8 @@ export class OptionsMenuDemo extends React.Component, isOpen: this.state.modifiedIsOpen, isPlain: true, - direction: "up", - position: "right", + direction: OptionsMenuDirection.up, + position: OptionsMenuPosition.right, }; return (