@grafana/ui package
A library containing the different design components of the Grafana ecosystem.
Classes
Enumerations
Functions
| Function | Description |
|---|
| AsyncMultiSelect(props) | |
| AsyncSelect(props) | |
| BracesPlugin() | |
| calculateFontSize(text, width, height, lineHeight, maxSize) | (BETA) |
| ClearPlugin() | |
| ClipboardPlugin() | |
| convertOldAngularValueMapping(panel) | |
| EmotionPerfTest() | |
| EventsCanvas({ id, events, renderEventMarker, mapEventToXYCoords, config }) | |
| FadeTransition(props) | |
| Form({ defaultValues, onSubmit, validateOnMount, validateFieldsOnMount, children, validateOn, maxWidth, …htmlProps }) | |
| getScrollbarWidth() | |
| getTagColor(index) | |
| getTagColorsFromName(name) | Returns tag badge background and border colors based on hashed tag name. |
| getTextColorForBackground(color) | |
| IndentationPlugin() | |
| measureText(text, fontSize) | (BETA) |
| Modal(props) | |
| MultiSelect(props) | |
| NewlinePlugin() | |
| preparePlotFrame(frames, dimFields) | |
| RadioButtonGroup({ options, value, onChange, disabled, disabledOptions, size, className, fullWidth, }) | |
| renderOrCallToRender(itemToRender, props) | Given react node or function returns element accordingly |
| resetSelectStyles() | |
| RunnerPlugin({ handler }) | |
| Segment({ options, value, onChange, Component, className, allowCustomValue, placeholder, disabled, …rest }) | |
| SegmentAsync({ value, onChange, loadOptions, Component, className, allowCustomValue, disabled, placeholder, noOptionMessageHandler, …rest }) | |
| SegmentInput({ value: initialValue, onChange, Component, className, placeholder, disabled, autofocus, …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, 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
我的书签
添加书签
移除书签
