jamsrui_slot_component_with_aschild_prop_merging.ts

1import * as React from 'react';
2import { Slot } from '@jamsrui/slot';
3
4const MyButton = ({ asChild, ...props }: { asChild?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>) => {
5  const Comp = asChild ? Slot : 'button';
6  return <Comp {...props} />;
7};
8
9export default function App() {
10  return (
11    <MyButton asChild>
12      <a href="https://example.com">This link looks like a button</a>
13    </MyButton>
14  );
15}