Icons
Item Icon
Each item can have an icon.
{
label: 'Item',
value: 'item',
icon: () => <Image source={require('./assets/icon.png')} style={styles.iconStyle} />
}
Props
showArrowIcon
Specifies if the arrow icons should be visible.
showArrowIcon={true}
Type | Default |
---|---|
bool | true |
showTickIcon
Specifies if the tick icon should be visible.
showTickIcon={true}
Type | Default |
---|---|
bool | true |
ArrowUpIconComponent
Changes the arrow-up icon.
ArrowUpIconComponent={({style}) => <MyArrowUpIcon style={style} />}
Type |
---|
function |
ArrowDownIconComponent
Changes the arrow-down icon.
ArrowDownIconComponent={({style}) => <MyArrowDownIcon style={style} />}
Type |
---|
function |
TickIconComponent
Changes the tick icon.
TickIconComponent={({style}) => <MyTickIcon style={style} />}
Type |
---|
function |
CloseIconComponent
Changes the close icon.
CloseIconComponent={({style}) => <MyCloseIcon style={style} />}
Type |
---|
function |
Styling
arrowIconStyle
arrowIconStyle={{
width: 20,
height: 20
}}
tickIconStyle
tickIconStyle={{
width: 20,
height: 20
}}
closeIconStyle
closeIconStyle={{
width: 30,
height: 30
}}
iconContainerStyle
iconContainerStyle={{
marginRight: 10
}}
arrowIconContainerStyle
iconContainerStyle={{
marginRight: 10
}}
tickIconContainerStyle
iconContainerStyle={{
marginRight: 10
}}
closeIconContainerStyle
iconContainerStyle={{
marginRight: 10
}}