diff --git a/src/stories/src/components/tooltip/tooltip-args.ts b/src/stories/src/components/tooltip/tooltip-args.ts index 32e79aeb0..37e20ed2e 100644 --- a/src/stories/src/components/tooltip/tooltip-args.ts +++ b/src/stories/src/components/tooltip/tooltip-args.ts @@ -1,9 +1,9 @@ -import { PopupPlacement } from '@tylertech/forge'; +import { TooltipPlacement } from '@tylertech/forge'; export interface ITooltipProps { text: string; delay: number; - position: PopupPlacement; + placement: TooltipPlacement; } export const argTypes = { @@ -21,7 +21,7 @@ export const argTypes = { category: 'Properties', }, }, - position: { + placement: { control: { type: 'select', labels: { diff --git a/src/stories/src/components/tooltip/tooltip.stories.tsx b/src/stories/src/components/tooltip/tooltip.stories.tsx index bc08fd321..8ddb590bd 100644 --- a/src/stories/src/components/tooltip/tooltip.stories.tsx +++ b/src/stories/src/components/tooltip/tooltip.stories.tsx @@ -18,16 +18,16 @@ export default { export const Default: Story = ({ text = 'Forge components are awesome!', - delay = TOOLTIP_CONSTANTS.numbers.DEFAULT_DELAY, - position = TOOLTIP_CONSTANTS.strings.DEFAULT_POSITION + delay = TOOLTIP_CONSTANTS.defaults.DELAY, + placement = TOOLTIP_CONSTANTS.defaults.PLACEMENT }) => ( <> Hover me - + {text} ); Default.args = { text: 'Forge components are awesome!', - delay: TOOLTIP_CONSTANTS.numbers.DEFAULT_DELAY, - position: TOOLTIP_CONSTANTS.strings.DEFAULT_POSITION + delay: TOOLTIP_CONSTANTS.defaults.DELAY, + placement: TOOLTIP_CONSTANTS.defaults.PLACEMENT } as ITooltipProps;