Docs Icons Themes Colors

Get Started Components Hooks Styling Theming Community Changelog

Overview CLI styled createComponent Internationalization

ComponentsAccordion ActionBarplanned Alert AlphaSlider AspectRatio Autocomplete Avatar Badge Bleed Blockquote Box Breadcrumb Button Calendar Card Carousel Center Chatplanned Checkbox CheckboxCard CircleProgress CloseButton Code ColorPicker ColorSwatch Container DataList DatePicker Dockableplanned Drawer Dropzone Editable Em EmptyState Field Fieldset FileButton FileInput Flex Float Formplanned Grid Group Heading Highlight HStack HueSlider Icon IconButton Image Indicator InfiniteScrollArea Input Kbd Link LinkBox List Mark Menu Modal NativePopoverplanned NativeSelect NativeTable NumberInput Pagination PasswordInput PhoneInputplanned Picture PinInput Popover Progress QrCodeplanned Radio RadioCard Rating Reorder Resizable SaturationSlider ScrollArea SegmentedControl Select Separator SimpleGrid Slider Snacks Spacer Stack Stat Status Steps Swipeableplanned Switch Table Tabs Tag Text Textarea Timeline TimePickerplanned Tipplanned Toggle Tooltip Tourplanned Treeplanned VStack Wrap ZStack

ChartsAreaChart BarChart DonutChart LineChart PieChart RadarChart RadialChart

AnimationsAiry Collapse FadeScale Fade Flip Loading Motion Ripple Rotate Skeleton SlideFade Slide

UtilitiesClientOnly FocusLock For Format Portal Show Slot VisuallyHidden

DonutChart

DonutChart is a component for drawing donut charts to compare multiple sets of data.

Source Storybook

Currently, this component is not migrated. This component will be migrated in v2.0.x.

Edit this page on GitHub

Built by Hirotomo Yamada and these awesome people