cross-component

cross-component

Write components once with JSX, use with React or Vue.

import type { AnyCrossElement } from 'cross-component';

import { defineComponent } from 'cross-component';

type ButtonProps = {
  name?: string;
};

type ButtonSlots = {
  icon?: () => AnyCrossElement;
  default?: () => AnyCrossElement;
};

export const Button = defineComponent<ButtonProps, ButtonSlots>((props, slots) => {
  return (
    <button name={props.name}>
      {
        slots.icon ? (
          <span>
            {slots.icon()}
          </span>
        ) : null
      }
      {slots.default.?()}
    </button>
  );
});