Skip to content

Commit

Permalink
feat: tooltip component
Browse files Browse the repository at this point in the history
Because of we merged tooltip component PR with a wrong commit message
it didn't trigger a release. I'm sending these small indentation fixes
to trigger a feature release from next branch.
  • Loading branch information
muratcorlu committed Jul 26, 2022
1 parent 6a97d12 commit 9aaec1b
Showing 1 changed file with 8 additions and 10 deletions.
18 changes: 8 additions & 10 deletions src/components/tooltip/bl-tooltip.stories.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ import { Meta, Canvas, ArgsTable, Story, Preview, Source } from '@storybook/addo
component="bl-tooltip"
argTypes={{
placement: {
control: 'text'
control: 'text'
}
}}
/>
Expand All @@ -28,7 +28,7 @@ export const ButtonTriggerTemplate = (args) => html`


export const PlacementTemplate = (args) => html`
<bl-tooltip placement="${ifDefined(args.placement)}"
<bl-tooltip placement="${ifDefined(args.placement)}"
style='--bl-tooltip-position:fixed;margin:5px'>
<bl-button slot="tooltip-trigger" icon="help" text label="Help" secondary></bl-button>
You can use this section to cancel your order.
Expand Down Expand Up @@ -73,10 +73,10 @@ In this case, you should give `position:fixed` as below.

<Canvas>
<Story name="Usage With Icon Button">
{IconTriggerTemplate.bind({})}
{IconTriggerTemplate.bind({})}
</Story>
<Story name="Usage With Button">
{ButtonTriggerTemplate.bind({})}
{ButtonTriggerTemplate.bind({})}
</Story>
</Canvas>

Expand Down Expand Up @@ -105,30 +105,28 @@ For example, if there is not enough room on the top, the tooltip is shown on the

<Canvas>
<Story name="Top Placement">
{TopPlacementTemplate.bind({})}
{TopPlacementTemplate.bind({})}
</Story>
</Canvas>

<Canvas>
<Story name="Bottom Placement">
{BottomPlacementTemplate.bind({})}
{BottomPlacementTemplate.bind({})}
</Story>
</Canvas>

<Canvas>
<Story name="Left Placement">
{LeftPlacementTemplate.bind({})}
{LeftPlacementTemplate.bind({})}
</Story>
</Canvas>

<Canvas>
<Story name="Right Placement">
{RightPlacementTemplate.bind({})}
{RightPlacementTemplate.bind({})}
</Story>
</Canvas>

## Reference

<ArgsTable of="bl-tooltip" />


0 comments on commit 9aaec1b

Please sign in to comment.