tailwind-elements.d.ts

import 'react';

declare module 'react' {
  namespace JSX {
    interface IntrinsicElements {
      // Autocomplete
      'el-autocomplete': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
      'el-autocomplete-input': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
      'el-autocomplete-item': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

      // Command Palette
      'el-command-palette': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
      'el-command-palette-input': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
      'el-command-palette-item': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

      // Dialog
      'el-dialog': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
      'el-dialog-panel': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

      // Disclosure
      'el-disclosure': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
      'el-disclosure-panel': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

      // Dropdown Menu
      'el-dropdown-menu': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
      'el-dropdown-menu-item': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

      // Popover
      'el-popover': Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, 'popover'> & {
        popover?: boolean;
        anchor?: string;
      };
      'el-popover-group': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
      'el-popover-panel': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

      // Select
      'el-select': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
      'el-select-option': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

      // Tabs
      'el-tabs': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
      'el-tab-list': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
      'el-tab': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
      'el-tab-panel': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
    }
  }

  interface ButtonHTMLAttributes<T> {
    command?: string;
    commandfor?: string;
  }
}

+1