View all projects

Grafana UI

This library of reusable Grafana components and guidelines helps you with contribution and plugin development.

loading
Grafana
87components179storiesLast updated 6 days ago
StorybookGitHub
npm install @grafana/ui
18k
Downloads / week
  • + 26
EmotionReactSass
Tweet
Alert
1
Badge
1
BarGauge
2
BigValue
1
Button
1
ButtonCascader
2
Card
8
Cascader
5
Checkbox
4
ClickOutsideWrapper
1
CollapsableSection
1
Collapse
2
ColorPicker
2
ConfirmButton
3
ConfirmModal
3
ContextMenu
2
DataSourceHttpSettings
1
DatePicker
1
DatePickerWithInput
1
DateTimePicker
1

Addons in this project

Actions
Get UI feedback when an action is performed on an interactive element
3.5M
Downloads
  • + 2
Docs
Document component usage and properties in Markdown
2.9M
Downloads
  • + 2
Accessibility
Test component compliance with web accessibility standards
1M
Downloads
  • + 2
Knobs
Storybook addon for editing props
1M
Downloads
  • + 2
Storysource
View a story’s source code to see how it works and paste into your app
397k
Downloads
  • + 2
storybook-dark-mode
Toggle between light and dark mode in Storybook
129k
Downloads

Similar projects

Add your project
Storybook
Design System
Natura Cosmeticos
Natura Design System
Natura Design System
Docs
Documentation
Add Storybook to your project in less than a minute to build components faster and easier.
reactvueangularweb-components
Tutorial
Tutorials
Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.
Learn Storybook now
Storybook
The MIT License (MIT). Website design by @domyen and the awesome Storybook community.
StorybookShowcaseDocsTutorialsAddonsBlogReleasesGet involvedUse casesSupportTeam
Subscribe
Get news, free tutorials, and Storybook tips emailed to you.

Maintained by
Chromatic
Continuous integration by
CircleCI
Hosting by
Netlify