FilterInput() — supabase Function Reference

Source Code

apps/studio/components/interfaces/QueryPerformance/components/FilterInput.tsx lines 13–38

export const FilterInput = ({ value, onChange, placeholder, className }: FilterInputProps) => {
  return (
    <Input
      size="tiny"
      autoComplete="off"
      icon={<Search />}
      value={value}
      onChange={(e) => onChange(e.target.value)}
      name="keyword"
      id="keyword"
      placeholder={placeholder || 'Filter by query'}
      className={className || 'w-56'}
      actions={[
        value && (
          <Button
            size="tiny"
            type="text"
            icon={<X />}
            onClick={() => onChange('')}
            className="p-0 h-5 w-5"
          />
        ),
      ]}
    />
  )
}