How to change Height for select

[afriddev]

`import { Select, SelectItem } from "@nextui-org/react";

i tried with all classnames but it didt worked for me

[wingkwong]

May I know which height you want to change? the select wrapper? the select item?

[afriddev]

Hey, Hi wong nice to see you here.
You can see my below code i need to change select(Likely trigger) height i curently it set to xs in my code which is not defined. By defaut it is 'md' in docs.

import { Select, SelectItem } from "@nextui-org/react";

<Select
      size={"xs" as any}
      itemHeight={10}
      label="Select User"
      className="min-w-[10vw]  "
    >
      {children as any}
    </Select>

[wingkwong]

If I understand correctly, you want to set the height like xs one by default?

[afriddev]

Nope buddy,
I am using tailwind css lets assume i need set height h-10 or 10px or 10vh

[wingkwong]

you can pass the classes to classNames

<Select
  classNames={{
    trigger: "min-h-16",
  }}
>
  ...
</Select>

[afriddev]

Thanks man, You have helped a lot❤️