diff --git a/public/app/plugins/datasource/loki/components/LokiOptionFields.tsx b/public/app/plugins/datasource/loki/components/LokiOptionFields.tsx
index 4e3c0bb8d07..20f73c17269 100644
--- a/public/app/plugins/datasource/loki/components/LokiOptionFields.tsx
+++ b/public/app/plugins/datasource/loki/components/LokiOptionFields.tsx
@@ -18,8 +18,12 @@ export interface LokiOptionFieldsProps {
type LokiQueryType = 'instant' | 'range';
const queryTypeOptions = [
- { value: 'range', label: 'Range' },
- { value: 'instant', label: 'Instant' },
+ { value: 'range', label: 'Range', description: 'Run query over a range of time.' },
+ {
+ value: 'instant',
+ label: 'Instant',
+ description: 'Run query against a single point in time. For this query, the "To" time is used.',
+ },
];
export function LokiOptionFields(props: LokiOptionFieldsProps) {
@@ -79,12 +83,7 @@ export function LokiOptionFields(props: LokiOptionFieldsProps) {
)}
aria-label="Query type field"
>
-
- Query type
-
+ Query type
= memo(
({ queryType, stepValue, query, onChange, onStepChange, onQueryTypeChange, onKeyDownFunc }) => {
const rangeOptions = [
- { value: 'range', label: 'Range' },
- { value: 'instant', label: 'Instant' },
- { value: 'both', label: 'Both' },
+ { value: 'range', label: 'Range', description: 'Run query over a range of time.' },
+ {
+ value: 'instant',
+ label: 'Instant',
+ description: 'Run query against a single point in time. For this query, the "To" time is used.',
+ },
+ { value: 'both', label: 'Both', description: 'Run an Instant query and a Range query.' },
];
return (
@@ -38,12 +42,7 @@ export const PromExploreExtraField: React.FC = memo(
)}
aria-label="Query type field"
>
-
- Query type
-
+ Query type