Custom option rendering

Render rich content inside each option using renderOption:

typescript
1<Select label="Assignee" searchable>
2  <Select.Option value="alice" renderOption={() => (
3    <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
4      <Avatar src="/alice.jpg" size="sm" />
5      <div>
6        <div>Alice Kim</div>
7        <div style={{ fontSize: 12, color: '#7D8289' }}>Engineering</div>
8      </div>
9    </div>
10  )}>
11    Alice Kim
12  </Select.Option>
13</Select>

Custom option rendering with avatars and metadata