JSPM

@netdata/netdata-ui

5.0.62
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1011
  • Score
    100M100P100Q110648F
  • License GPL-3.0

netdata UI kit

Package Exports

  • @netdata/netdata-ui
  • @netdata/netdata-ui/dist/components/drops/drop/container
  • @netdata/netdata-ui/dist/components/drops/drop/container.js
  • @netdata/netdata-ui/dist/components/drops/drop/useMakeUpdatePosition
  • @netdata/netdata-ui/dist/components/drops/drop/useMakeUpdatePosition.js
  • @netdata/netdata-ui/dist/components/icon/assets/D.svg
  • @netdata/netdata-ui/dist/components/icon/assets/I.svg
  • @netdata/netdata-ui/dist/components/icon/assets/L.svg
  • @netdata/netdata-ui/dist/components/icon/assets/N.svg
  • @netdata/netdata-ui/dist/components/icon/assets/aggregation_avg.svg
  • @netdata/netdata-ui/dist/components/icon/assets/aggregation_max.svg
  • @netdata/netdata-ui/dist/components/icon/assets/aggregation_min.svg
  • @netdata/netdata-ui/dist/components/icon/assets/aggregation_sum.svg
  • @netdata/netdata-ui/dist/components/icon/assets/anomaly_badge.svg
  • @netdata/netdata-ui/dist/components/icon/assets/area_chart.svg
  • @netdata/netdata-ui/dist/components/icon/assets/bar_chart.svg
  • @netdata/netdata-ui/dist/components/icon/assets/chart_bars.svg
  • @netdata/netdata-ui/dist/components/icon/assets/chart_circle.svg
  • @netdata/netdata-ui/dist/components/icon/assets/chart_gauge.svg
  • @netdata/netdata-ui/dist/components/icon/assets/chart_pie.svg
  • @netdata/netdata-ui/dist/components/icon/assets/check.svg
  • @netdata/netdata-ui/dist/components/icon/assets/checkmark_s.svg
  • @netdata/netdata-ui/dist/components/icon/assets/chevron_down.svg
  • @netdata/netdata-ui/dist/components/icon/assets/chevron_down_thin.svg
  • @netdata/netdata-ui/dist/components/icon/assets/chevron_expand.svg
  • @netdata/netdata-ui/dist/components/icon/assets/chevron_right_end.svg
  • @netdata/netdata-ui/dist/components/icon/assets/chevron_up_thin.svg
  • @netdata/netdata-ui/dist/components/icon/assets/collapse.svg
  • @netdata/netdata-ui/dist/components/icon/assets/container.svg
  • @netdata/netdata-ui/dist/components/icon/assets/copy.svg
  • @netdata/netdata-ui/dist/components/icon/assets/correlations.svg
  • @netdata/netdata-ui/dist/components/icon/assets/database.svg
  • @netdata/netdata-ui/dist/components/icon/assets/dot.svg
  • @netdata/netdata-ui/dist/components/icon/assets/download.svg
  • @netdata/netdata-ui/dist/components/icon/assets/drag_horizontal.svg
  • @netdata/netdata-ui/dist/components/icon/assets/drag_vertical.svg
  • @netdata/netdata-ui/dist/components/icon/assets/expand.svg
  • @netdata/netdata-ui/dist/components/icon/assets/gear.svg
  • @netdata/netdata-ui/dist/components/icon/assets/group_by.svg
  • @netdata/netdata-ui/dist/components/icon/assets/heatmap_chart.svg
  • @netdata/netdata-ui/dist/components/icon/assets/information.svg
  • @netdata/netdata-ui/dist/components/icon/assets/line_chart2.svg
  • @netdata/netdata-ui/dist/components/icon/assets/loading.svg
  • @netdata/netdata-ui/dist/components/icon/assets/metrics.svg
  • @netdata/netdata-ui/dist/components/icon/assets/nav_left.svg
  • @netdata/netdata-ui/dist/components/icon/assets/nav_right.svg
  • @netdata/netdata-ui/dist/components/icon/assets/pan_tool.svg
  • @netdata/netdata-ui/dist/components/icon/assets/pencil_outline.svg
  • @netdata/netdata-ui/dist/components/icon/assets/plugins.svg
  • @netdata/netdata-ui/dist/components/icon/assets/plus.svg
  • @netdata/netdata-ui/dist/components/icon/assets/reload2.svg
  • @netdata/netdata-ui/dist/components/icon/assets/resize_handler.svg
  • @netdata/netdata-ui/dist/components/icon/assets/selected_area.svg
  • @netdata/netdata-ui/dist/components/icon/assets/settings.svg
  • @netdata/netdata-ui/dist/components/icon/assets/sort_ascending.svg
  • @netdata/netdata-ui/dist/components/icon/assets/sort_descending.svg
  • @netdata/netdata-ui/dist/components/icon/assets/stacked_bar_chart.svg
  • @netdata/netdata-ui/dist/components/icon/assets/stacked_chart.svg
  • @netdata/netdata-ui/dist/components/icon/assets/trashcan.svg
  • @netdata/netdata-ui/dist/components/icon/assets/universe.svg
  • @netdata/netdata-ui/dist/components/icon/assets/value.svg
  • @netdata/netdata-ui/dist/components/icon/assets/warning_triangle_hollow.svg
  • @netdata/netdata-ui/dist/components/icon/assets/x.svg
  • @netdata/netdata-ui/dist/components/icon/assets/zoom_in.svg
  • @netdata/netdata-ui/dist/components/icon/assets/zoom_out.svg
  • @netdata/netdata-ui/dist/components/icon/assets/zoom_reset.svg
  • @netdata/netdata-ui/dist/components/icon/styled
  • @netdata/netdata-ui/dist/components/icon/styled.js
  • @netdata/netdata-ui/dist/components/templates/layer/container
  • @netdata/netdata-ui/dist/components/templates/layer/container.js
  • @netdata/netdata-ui/dist/es6/index.js
  • @netdata/netdata-ui/dist/hooks/useDebouncedValue
  • @netdata/netdata-ui/dist/hooks/useDebouncedValue/index.js
  • @netdata/netdata-ui/dist/hooks/useDropElement
  • @netdata/netdata-ui/dist/hooks/useDropElement/index.js
  • @netdata/netdata-ui/dist/hooks/useForwardRef
  • @netdata/netdata-ui/dist/hooks/useForwardRef/index.js
  • @netdata/netdata-ui/dist/hooks/useUpdateEffect
  • @netdata/netdata-ui/dist/hooks/useUpdateEffect/index.js
  • @netdata/netdata-ui/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@netdata/netdata-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Netdata UI kit

Development process

  • squash-merge is a default PR merge strategy
  • after any merge, NPM version should be published (in future to be moved to CI)
  • versions are major (breaking changes, large refactors), minor (new component added), and patch (small changes)
  • please add declaration of exported components to provide nice typings for users.
  • To deploy on gh-pages checkout to deploy/storybook branch, rebase with master and run deploy-storybook
// BAD
export const MyComponent = (props: PropsT) => <>...</>

// GOOD
export const MyComponent: FC<PropsT> = (props: PropsT) => <>...</>

Playground

You can find latest master storybook playground here

Components