diff --git a/docs/src/components/HomePage/HomePage.tsx b/docs/src/components/HomePage/HomePage.tsx index 1bbfa903ad0..e57074e8c69 100644 --- a/docs/src/components/HomePage/HomePage.tsx +++ b/docs/src/components/HomePage/HomePage.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Box } from '@mantine/core'; +import { Box, MultiSelect } from '@mantine/core'; import Head from '../Head/Head'; import { Jumbotron } from './Jumbotron/Jumbotron'; import { Components } from './Components/Components'; @@ -20,6 +20,16 @@ export function HomePage() { <> ({ position: 'relative', zIndex: 1, boxShadow: theme.shadows.sm })}> + diff --git a/src/mantine-core/src/MultiSelect/MultiSelect.story.tsx b/src/mantine-core/src/MultiSelect/MultiSelect.story.tsx index c4b4156a864..e6d99a9db3b 100644 --- a/src/mantine-core/src/MultiSelect/MultiSelect.story.tsx +++ b/src/mantine-core/src/MultiSelect/MultiSelect.story.tsx @@ -12,3 +12,18 @@ export function ReadOnly() { ); } + +export function EmptyGroup() { + return ( + + ); +} diff --git a/src/mantine-core/src/Select/SelectItems/SelectItems.tsx b/src/mantine-core/src/Select/SelectItems/SelectItems.tsx index d5875329340..cf1a3b8bf5b 100644 --- a/src/mantine-core/src/Select/SelectItems/SelectItems.tsx +++ b/src/mantine-core/src/Select/SelectItems/SelectItems.tsx @@ -1,5 +1,6 @@ import React from 'react'; import { DefaultProps, MantineSize, Selectors } from '@mantine/styles'; +import { randomId } from '@mantine/hooks'; import { Text } from '../../Text/Text'; import { Divider } from '../../Divider/Divider'; import { SelectItem } from '../types'; @@ -107,7 +108,7 @@ export function SelectItems({ unGroupedItems.push( // eslint-disable-next-line jsx-a11y/no-static-element-interactions
0 && unGroupedItems.length > 0) { unGroupedItems.unshift( -
+
);