We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 4a9eecb commit 04df93fCopy full SHA for 04df93f
packages/@react-spectrum/color/stories/ColorSwatchPicker.stories.tsx
@@ -44,3 +44,12 @@ export const Default = (args) => (
44
<ColorSwatch color="#00f" />
45
</ColorSwatchPicker>
46
);
47
+
48
+export const ManySwatches = (args) => (
49
+ <ColorSwatchPicker {...args} maxWidth="size-3000">
50
+ {Array.from(Array(24)).map(() => {
51
+ let color = `#${Math.floor(Math.random() * 0xffffff).toString(16).padStart(6, '0')}`;
52
+ return <ColorSwatch key={color} color={color} />;
53
+ })}
54
+ </ColorSwatchPicker>
55
+);
0 commit comments