Sorry, but you either have no stories or none are selected somehow.
If the problem persists, check the browser console, or the terminal you've run Storybook from.
The component failed to render properly, likely due to a configuration issue in Storybook. Here are some common causes and how you can address them:
Field
is the basic component for rendering form elements together with labels and description
import { Forms } from '@grafana/ui'; <Field label={...} description={...}> <Input id="userName" onChange={...}/> </Field>
Name | Description | Default |
---|---|---|
children* | Form input element, i.e Input or Switch ReactElement<any, string | JSXElementConstructor<any>> | - |
label | Label for the field ReactNode | - |
description | Description of the field ReactNode | - |
invalid | Indicates if field is in invalid state boolean | - |
loading | Indicates if field is in loading state boolean | - |
disabled | Indicates if field is disabled boolean | - |
required | Indicates if field is required boolean | - |
error | Error message to display ReactNode | - |
horizontal | Indicates horizontal layout of the field boolean | - |
validationMessageHorizontalOverflow | make validation message overflow horizontally. Prevents pushing out adjacent inline components boolean | - |
className | string | - |
htmlFor | A unique id that associates the label of the Field component with the control with the unique id.
If the string | - |