export default function Example() {
  return (
    <Box css={{ width: 500 }}>
      <Accordion.Root type={ACCORDION_TYPE.single} collapsible={true}>
        <Accordion.Item value="item-1">
          <Accordion.Trigger>The rest of the sentence is...</Accordion.Trigger>
          <Accordion.Content>inside of the content.</Accordion.Content>
        </Accordion.Item>
      </Accordion.Root>
    </Box>
  );
}

To enter the code editing mode, press Enter. To exit the edit mode, press Escape

You are editing the code. To exit the edit mode, press Escape