Truncate

[wahid2511]

truncate label or placeholder not working

<div className="w-full"> <div className="font-bold"> Unit<Select placeholder='Set unit..' classNames={{ menuButton: ({isDisabled}) => (flex text-sm p-1 max-w-64 text-gray-500 border border-gray-400 rounded-md shadow-sm transition-all duration-300 focus:outline-primary ${
isDisabled
? "bg-gray-200"
: "bg-white hover:border-gray-400 focus:border-primary focus:ring focus:ring-primary/20"
}`
),
list: 'flex flex-col gap-y-1.5 overflow-auto'
}}
primaryColor="purple"
placeHolder="Set Option"
value={data.pilihMultiSatuan}
onChange={(item) => {
this.handleChangeSelect(id, item);
}}
options={
dataOption != null ?
dataOption .map((item) => (
{
key: item._id,
value: item._id,
label: item.name,
}
))
: ""
}
isClearable
/>

`

                            when label or placeholder too long and container has small text not elipsis