@grafana/ui package
A library containing the different design components of the Grafana ecosystem.
Classes
Enumerations
Functions
| Function | Description |
|---|
| AlertingSettings({ alertmanagerDataSources, options, onOptionsChange, }) | |
| AsyncMultiSelect(props) | |
| AsyncSelect(props) | |
| BracesPlugin() | |
| buildScaleKey(config) | |
| calculateFontSize(text, width, height, lineHeight, maxSize) | (BETA) |
| ClearPlugin() | |
| ClipboardButton({ onClipboardCopy, onClipboardError, children, getText, icon, variant, …buttonProps }) | |
| ClipboardPlugin() | |
| convertOldAngularValueMapping(panel) | |
| Drawer({ children, inline, onClose, closeOnMaskClick, scrollableContent, title, subtitle, width, expandable, tabs, }) | |
| EmotionPerfTest() | |
| EventsCanvas({ id, events, renderEventMarker, mapEventToXYCoords, config }) | |
| FadeTransition(props) | |
| FileDropzone({ options, children, readAs, onLoad, fileListRenderer, onFileRemove }) | |
| FileDropzoneDefaultChildren({ primaryText, secondaryText, }) | |
| FileListItem({ file: customFile, removeFile }) | |
| Form({ defaultValues, onSubmit, validateOnMount, validateFieldsOnMount, children, validateOn, maxWidth, …htmlProps }) | |
| getFieldTypeIcon(field) | Get the icon for a given field type |
| getScrollbarWidth() | |
| getTagColor(index) | |
| getTagColorsFromName(name) | Returns tag badge background and border colors based on hashed tag name. |
| getTextColorForBackground(color) | |
| IndentationPlugin() | |
| InlineToast({ referenceElement, children, suffixIcon, placement }) | |
| measureText(text, fontSize) | (BETA) |
| Modal(props) | |
| MultiSelect(props) | |
| NewlinePlugin() | |
| Portal(props) | |
| preparePlotFrame(frames, dimFields, timeRange) | |
| RadioButtonGroup({ options, value, onChange, onClick, disabled, disabledOptions, size, id, className, fullWidth, autoFocus, }) | |
| RadioButtonList({ name, id, options, value, onChange, className, disabled, disabledOptions, }) | |
| resetSelectStyles(theme) | |
| RunnerPlugin({ handler }) | |
| Segment({ options, value, onChange, Component, className, allowCustomValue, allowEmptyValue, placeholder, disabled, inputMinWidth, inputPlaceholder, onExpandedChange, autofocus, …rest }) | |
| SegmentAsync({ value, onChange, loadOptions, reloadOptionsOnChange, Component, className, allowCustomValue, allowEmptyValue, disabled, placeholder, inputMinWidth, inputPlaceholder, autofocus, onExpandedChange, noOptionMessageHandler, …rest }) | |
| SegmentInput({ value: initialValue, onChange, Component, className, placeholder, inputPlaceholder, disabled, autofocus, onExpandedChange, …rest }) | |
| Select(props) | |
| SelectionShortcutsPlugin() | |
| sharedSingleStatMigrationHandler(panel) | |
| sharedSingleStatPanelChangedHandler(panel, prevPluginId, prevOptions) | |
| SlatePrism(optsParam, prismLanguages) | A Slate plugin to highlight code syntax. |
| SlideOutTransition(props) | |
| stylesFactory(stylesCreator) | |
| SuggestionsPlugin({ onTypeahead, cleanText, onWillApplySuggestion, portalOrigin, }) | |
| TabbedContainer(props) | |
| useStyles(getStyles) | |
| useStyles2(getStyles) | |
| useTheme() | |
| useTheme2() | |
| ValuePicker({ label, icon, options, onChange, variant, minWidth, size, isFullWidth, menuPlacement, }) | |
| VizLegend({ items, displayMode, sortBy: sortKey, seriesVisibilityChangeBehavior, sortDesc, onLabelClick, onToggleSort, placement, className, itemRenderer, readonly, }) | |
| withErrorBoundary(Component, errorBoundaryProps) | HOC for wrapping a component in an error boundary. |
Interfaces
Namespaces
Variables
Type Aliases
我的书签
添加书签
移除书签
