Bar Segment

Used to display data as segments within a horizontal bar, showing proportions and part-to-whole relationships between values.

Library

Chakra UI

Framework

React

Type

component

License

MIT

Install

npm i @chakra-ui/react @emotion/react

Files

• packages/charts/src/bar-segment/bar-segment.tsx
• packages/charts/src/bar-segment/index.ts
• packages/charts/src/bar-segment/namespace.tsx
• packages/react/src/index.ts
• packages/charts/src/use-chart.ts
• packages/react/src/collection.ts
• packages/react/src/components/index.ts
• packages/react/src/create-context.ts

Source

https://github.com/chakra-ui/chakra-ui

Categories

• Chart Components
• React Chart Components
• Data Display Components
• React Data Display Components
• Feedback Components
• React Feedback Components
• Progress Components
• React Progress Components
• Progress Bar Components
• React Progress Bar Components

More from Chakra UI

• Area Chart
• Bar Chart
• Bar List
• Donut Chart
• Line Chart
• Pie Chart
• Progress
• Progress Circle
• Radar Chart
• Scatter Chart
• Sparkline
• Absolute Center