archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

chore: add shouldBlockScroll stories (#4351)

Browse Source 
* chore: add `shouldBlockScroll` stories

* chore: add shouldBlockScroll for argtypes

* chore: add shouldBlockScroll story for navbar

* chore: remove unnecessary props
This commit is contained in:
Ryo Matsukawa 2024-12-19 13:32:08 +09:00 committed by GitHub
parent e753317b0e
commit d152b36b5d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 81 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/components/dropdown/stories/dropdown.stories.tsx
View File

@ -99,6 +99,11 @@ export default {
disable: true,
},
},
shouldBlockScroll: {
control: {
type: "boolean",
},
},
},
decorators: [
(Story) => (
@ -815,3 +820,18 @@ export const WithFallbackPlacements = {
</div>
),
};
export const WithShouldBlockScroll = {
render: (args) => {
return (
<div className="flex gap-8">
<Template {...args} label="shouldBlockScroll: false" shouldBlockScroll={false} />
<Template {...args} label="shouldBlockScroll: true" shouldBlockScroll={true} />
</div>
);
},
args: {
...defaultProps,
},
};

21
packages/components/modal/stories/modal.stories.tsx
View File

@ -1,5 +1,6 @@
/* eslint-disable jsx-a11y/anchor-is-valid */
/* eslint-disable jsx-a11y/no-autofocus */
import React from "react";
import {Meta} from "@storybook/react";
import {modal} from "@nextui-org/theme";
import {Button} from "@nextui-org/button";
@ -63,6 +64,11 @@ export default {
disable: true,
},
},
shouldBlockScroll: {
control: {
type: "boolean",
},
},
},
decorators: [
(Story) => (
@ -348,3 +354,18 @@ export const DraggableOverflow = {
...defaultProps,
},
};
export const WithShouldBlockScroll = {
render: (args) => {
return (
<div className="flex gap-8">
<Template {...args} label="shouldBlockScroll: false" shouldBlockScroll={false} />
<Template {...args} label="shouldBlockScroll: true" shouldBlockScroll={true} />
</div>
);
},
args: {
...defaultProps,
},
};

20
packages/components/navbar/stories/navbar.stories.tsx
View File

@ -50,6 +50,11 @@ export default {
type: "boolean",
},
},
shouldBlockScroll: {
control: {
type: "boolean",
},
},
},
decorators: [
(Story) => (
@ -615,3 +620,18 @@ export const WithSearchInput = {
...defaultProps,
},
};
export const WithShouldBlockScroll = {
render: (args) => {
return (
<div className="flex gap-8 w-[1024px]">
<WithMenuTemplate {...args} label="shouldBlockScroll: false" shouldBlockScroll={false} />
<WithMenuTemplate {...args} label="shouldBlockScroll: true" shouldBlockScroll={true} />
</div>
);
},
args: {
...defaultProps,
},
};

20
packages/components/popover/stories/popover.stories.tsx
View File

@ -96,6 +96,11 @@ export default {
disable: true,
},
},
shouldBlockScroll: {
control: {
type: "boolean",
},
},
},
decorators: [
(Story) => (
@ -575,3 +580,18 @@ export const CustomMotion = {
},
},
};
export const WithShouldBlockScroll = {
render: (args) => {
return (
<div className="flex gap-8">
<Template {...args} label="shouldBlockScroll: false" shouldBlockScroll={false} />
<Template {...args} label="shouldBlockScroll: true" shouldBlockScroll={true} />
</div>
);
},
args: {
...defaultProps,
},
};