feat: add popoverMaxHeight to TagList

.changeset/wild-pets-glow.md

@@ -0,0 +1,5 @@
+---
+"@ultraviolet/ui": minor
+---
+
+feat: Add `popoverMaxHeight` to `<TagList />`

packages/ui/src/components/TagList/__stories__/PopoverMaxHeight.stories.tsx

@@ -0,0 +1,34 @@
+import { Template } from './Template.stories'
+
+export const PopoverMaxHeight = Template.bind({})
+
+PopoverMaxHeight.parameters = {
+  docs: {
+    description: {
+      story:
+        '`popoverMaxHeight` can be used to control the popover max height when having a lot of items.',
+    },
+  },
+}
+
+PopoverMaxHeight.args = {
+  popoverTitle: 'Additional tags',
+  popoverMaxHeight: '200px',
+  tags: [
+    'very',
+    ...new Array<string>(50).fill('item'),
+    'tooltip',
+    'scaleway',
+    'paris',
+    'cloud',
+  ],
+  threshold: 5,
+}
+
+PopoverMaxHeight.decorators = [
+  Story => (
+    <div style={{ width: '200px' }}>
+      <Story />
+    </div>
+  ),
+]

packages/ui/src/components/TagList/__stories__/index.stories.tsx

@@ -19,3 +19,4 @@ export { Multiline } from './Multiline.stories'
 export { Copiable } from './Copiable.stories'
 export { Icons } from './Icons.stories'
 export { ParentWithDefinedWidth } from './ParentWithWidth.stories'
+export { PopoverMaxHeight } from './PopoverMaxHeight.stories'