chakra-ui/chakra-ui @chakra-ui/react@3.0.0-next.5

on GitHub

Minor Changes

• 07b04b1
  Thanks @segunadebayo! - - [NEW]: Add
  RatingGroup, SegmentControl

  • [NEW]: Add EmptyState component for empty states
  • [NEW]: Add RadioCard and CheckboxCard components for card-based
    selection

• #8568
  5fd993b
  Thanks @isBatak! - Add Collapsible recipe with
  default open/close animation

• 43f2c7d
  Thanks @segunadebayo! - - CheckboxCard
  [New]

  Add support for a new CheckboxCard component that can be used to render a
  card with a checkbox.

  <CheckboxCard.Root>
    <CheckboxCard.Control>
      <Stack gap="0" flex="1">
        <CheckboxCard.Label>Checkbox</CheckboxCard.Label>
        <Text>Some description</Text>
      </Stack>
  
      <CheckboxCard.HiddenInput />
      <CheckboxCard.Indicator />
    </CheckboxCard.Control>
  </CheckboxCard.Root>

  • Checkmark [New]

    Add new checkmark component for rendering a static checkmark icon with the
    checked, disabled, and indeterminate state baked in.

  <Stack>
    <Checkmark />
    <Checkmark checked />
    <Checkmark indeterminate />
    <Checkmark disabled />
    <Checkmark checked disabled />
    <Checkmark indeterminate disabled />
  </Stack>

  • EmptyState [New]

    Add new EmptyState component for rendering an empty state message with a
    title, description, and optional action button.

  <EmptyState.Root>
    <EmptyState.Content>
      <EmptyState.Indicator>
        <HiTemplate />
      </EmptyState.Indicator>
  
      <VStack textAlign="center">
        <Text fontWeight="medium">No template found</Text>
        <Text fontSize="sm" color="fg.muted">
          Try creating a new template with the button below
        </Text>
      </VStack>
  
      <Button variant="outline">
        <HiPlus /> Create Template
      </Button>
    </EmptyState.Content>
  </EmptyState.Root>

• #8575
  d4522d9
  Thanks @isBatak! - Align theme recipe name with
  panda

• #8569
  eb26857
  Thanks @isBatak! - Fix the boxSize type to
  allow number values.

Patch Changes

• Updated dependencies []:
  • @chakra-ui/hooks@3.0.0-next.5
  • @chakra-ui/utils@3.0.0-next.5