primitives [Slot] Add support for nested children (#1825)

[Slot] Add support for nested children (#1825)

Open ayloncarrijo opened this issue 1 year ago • 6 comments

Description

This PR modifies the way Slottable works, adding support for nested children without the need to parse them.

Fixes #1825

Example

import React from 'react';
import { Slot, Slottable } from '@radix-ui/react-slot';

function Button({ asChild, children, ...props }) {
  const Component = asChild ? Slot : "button";

  return (
    <Component {...props}>
      <Slottable child={children}>
        {(child) => (
          <div>
            <div>icon</div>
            <div>{child}</div>
            <div>icon</div>
          </div>
        )}
      </Slottable>
    </Component>
  );
}