IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Grafana-UI: Add docs for FormattedValueDisplay (#27759)

Browse Source 
* Add docs for FormattedValueDisplay

* Move to visualizations
This commit is contained in:
Alex Khomenko 2020-09-28 10:16:20 +03:00 committed by GitHub
parent 244c28750c
commit 3188524f1f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/grafana-ui/src/components/FormattedValueDisplay/FormattedValueDisplay.mdx Normal file
View File

@ -0,0 +1,14 @@
import { Props } from '@storybook/addon-docs/blocks';
import { FormattedValueDisplay } from './FormattedValueDisplay';
# FormattedValueDisplay
Used to display a value, which also supports prefix and suffix.
### Usage
```jsx
<FormattedValueDisplay value={{ text: 'Test value' }} style={{ fontSize: 12 }} />
```
### Props
<Props of={FormattedValueDisplay} />

19
packages/grafana-ui/src/components/FormattedValueDisplay/FormattedValueDisplay.story.tsx Normal file
View File

@ -0,0 +1,19 @@
import React from 'react';
import { FormattedValueDisplay } from './FormattedValueDisplay';
import { withCenteredStory } from '@grafana/ui/src/utils/storybook/withCenteredStory';
import mdx from './FormattedValueDisplay.mdx';
export default {
title: 'Visualizations/FormattedValueDisplay',
component: FormattedValueDisplay,
decorators: [withCenteredStory],
parameters: {
docs: {
page: mdx,
},
},
};
export const basic = () => {
return <FormattedValueDisplay value={{ text: 'Test value' }} style={{ fontSize: 12 }} />;
};