Business UI Components for Grafana
npm install @volkovlabs/components- AutosizeCodeEditor code editor with auto height resizing based on entered content.
- CollapsableSection allows to display a controlled collapsable section.
- Collapse allows to display collapsable elements.
- Form allows to render form controls from the declarative config generated by FormBuilder.
- NumberInput allows to check and input numbers.
- RangeSlider allows to enter number range values by slider.
- Slider allows to enter number values by slider and/or NumberInput.
- createUseDataHook allows to create useData hook to get data through data source api.
- useDashboardRefresh allows to refresh dashboard.
- useDashboardTimeRange allows to use actual dashboard time range.
- useDashboardVariables allows to use dashboard variables.
- useDatasourceRequest allows to run data source query.
- useFormBuilder allows to create declarative forms.
- CodeParametersBuilder allows to create parameters for custom code.
1. Clone and build Grafana locally.
2. Create a folder grafana-[version] for the new version in /.storybook/.
3. Copy grafana files from /public/fonts to /.storybook/grafana-[version]/public/fonts.
4. Copy grafana files from /public/img to /.storybook/grafana-[version]/public/img. Only icons and root files are necessary.
5. Copy and rename to .scss grafana files from /public/build/grafana.light.[hash].css to /.storybook/grafana-[version]/grafana.light.scss.
6. Copy and rename to .scss grafana files from /public/build/grafana.dark.[hash].css to /.storybook/grafana-[version]/grafana.dark.scss.
7. Update using folder from grafana-[old-version] to grafana-[version].
Apache License Version 2.0.