mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
Small update to badgewrapper story (#18450)
This commit is contained in:
parent
40628da3b4
commit
94292fadc9
@ -88,7 +88,7 @@ export const DefaultStory = Template.bind({});
|
|||||||
|
|
||||||
DefaultStory.storyName = 'Default';
|
DefaultStory.storyName = 'Default';
|
||||||
|
|
||||||
export const Children = () => (
|
export const Children: ComponentStory<typeof BadgeWrapper> = () => (
|
||||||
<Box display={DISPLAY.FLEX} gap={4}>
|
<Box display={DISPLAY.FLEX} gap={4}>
|
||||||
<BadgeWrapper
|
<BadgeWrapper
|
||||||
badge={
|
badge={
|
||||||
@ -140,7 +140,7 @@ export const Children = () => (
|
|||||||
</Box>
|
</Box>
|
||||||
);
|
);
|
||||||
|
|
||||||
export const Badge = () => (
|
export const Badge: ComponentStory<typeof BadgeWrapper> = () => (
|
||||||
<Box display={DISPLAY.FLEX} gap={4}>
|
<Box display={DISPLAY.FLEX} gap={4}>
|
||||||
<BadgeWrapper
|
<BadgeWrapper
|
||||||
badge={
|
badge={
|
||||||
@ -207,7 +207,7 @@ export const Badge = () => (
|
|||||||
</Box>
|
</Box>
|
||||||
);
|
);
|
||||||
|
|
||||||
export const Position = () => (
|
export const Position: ComponentStory<typeof BadgeWrapper> = () => (
|
||||||
<Box display={DISPLAY.FLEX} gap={4}>
|
<Box display={DISPLAY.FLEX} gap={4}>
|
||||||
<BadgeWrapper
|
<BadgeWrapper
|
||||||
position={BadgeWrapperPosition.topLeft}
|
position={BadgeWrapperPosition.topLeft}
|
||||||
@ -263,7 +263,7 @@ export const Position = () => (
|
|||||||
</Box>
|
</Box>
|
||||||
);
|
);
|
||||||
|
|
||||||
export const PositionObj = () => (
|
export const PositionObj: ComponentStory<typeof BadgeWrapper> = () => (
|
||||||
<Box display={DISPLAY.FLEX} alignItems={AlignItems.baseline} gap={4}>
|
<Box display={DISPLAY.FLEX} alignItems={AlignItems.baseline} gap={4}>
|
||||||
<BadgeWrapper
|
<BadgeWrapper
|
||||||
badge={
|
badge={
|
||||||
@ -281,7 +281,7 @@ export const PositionObj = () => (
|
|||||||
</Box>
|
</Box>
|
||||||
);
|
);
|
||||||
|
|
||||||
export const AnchorElementShape = () => (
|
export const AnchorElementShape: ComponentStory<typeof BadgeWrapper> = () => (
|
||||||
<Box display={DISPLAY.FLEX} gap={4}>
|
<Box display={DISPLAY.FLEX} gap={4}>
|
||||||
<BadgeWrapper
|
<BadgeWrapper
|
||||||
badge={
|
badge={
|
||||||
|
Loading…
x
Reference in New Issue
Block a user