diff --git a/packages/grafana-ui/src/components/EmptyState/EmptyState.mdx b/packages/grafana-ui/src/components/EmptyState/EmptyState.mdx
index bf57bfc37ed..e62d0038338 100644
--- a/packages/grafana-ui/src/components/EmptyState/EmptyState.mdx
+++ b/packages/grafana-ui/src/components/EmptyState/EmptyState.mdx
@@ -5,7 +5,7 @@ import { EmptyState } from './EmptyState';
Use an empty state to communicate to the user that there is no data to display, or that a search query returned no results.
-## variant="search"
+## variant="not-found"
### When to use
@@ -16,7 +16,7 @@ There are sensible defaults for the image and message, so in most cases you can
```jsx
import { EmptyState } from '@grafana/ui';
-;
+;
```
### Providing custom overrides
@@ -30,6 +30,7 @@ import { Button, EmptyState } from '@grafana/ui';
button={}
image={}
message="No playlists found"
+ variant="not-found"
>
Optionally provide some additional information here. Maybe even a link to{' '}
diff --git a/packages/grafana-ui/src/components/EmptyState/EmptyState.story.tsx b/packages/grafana-ui/src/components/EmptyState/EmptyState.story.tsx
index f9fc1912120..307cb88332e 100644
--- a/packages/grafana-ui/src/components/EmptyState/EmptyState.story.tsx
+++ b/packages/grafana-ui/src/components/EmptyState/EmptyState.story.tsx
@@ -28,6 +28,7 @@ export const Basic: StoryFn = (args) => {
Basic.args = {
children: 'Use this space to add any additional information',
+ variant: 'not-found',
};
export default meta;
diff --git a/packages/grafana-ui/src/components/EmptyState/EmptyState.tsx b/packages/grafana-ui/src/components/EmptyState/EmptyState.tsx
index f7aed1dc5a9..2e5871a5d64 100644
--- a/packages/grafana-ui/src/components/EmptyState/EmptyState.tsx
+++ b/packages/grafana-ui/src/components/EmptyState/EmptyState.tsx
@@ -24,14 +24,14 @@ interface Props {
/**
* Empty state variant. Possible values are 'search'.
*/
- variant: 'search';
+ variant: 'not-found';
}
export const EmptyState = ({
button,
children,
image = ,
- message = t('grafana-ui.empty-state.search-message', 'No results found'),
+ message = t('grafana-ui.empty-state.not-found-message', 'No results found'),
hideImage = false,
}: React.PropsWithChildren) => {
return (
diff --git a/public/locales/en-US/grafana.json b/public/locales/en-US/grafana.json
index fa91f787e58..6555b947625 100644
--- a/public/locales/en-US/grafana.json
+++ b/public/locales/en-US/grafana.json
@@ -564,7 +564,7 @@
"close": "Close"
},
"empty-state": {
- "search-message": "No results found"
+ "not-found-message": "No results found"
},
"modal": {
"close-tooltip": "Close"
diff --git a/public/locales/pseudo-LOCALE/grafana.json b/public/locales/pseudo-LOCALE/grafana.json
index 2ed5a8a6414..22f347b5832 100644
--- a/public/locales/pseudo-LOCALE/grafana.json
+++ b/public/locales/pseudo-LOCALE/grafana.json
@@ -564,7 +564,7 @@
"close": "Cľőşę"
},
"empty-state": {
- "search-message": "Ńő řęşūľŧş ƒőūʼnđ"
+ "not-found-message": "Ńő řęşūľŧş ƒőūʼnđ"
},
"modal": {
"close-tooltip": "Cľőşę"