Dropdown
Used to render a dropdown menu list.
Props:
items
Description: Array of ItemProps: {content: string, url: string, iconName?: string}. Type: ItemProps[]. Required.
stripped
Description: Applies a .stripped className if true. Type: Boolean.
iconsSize
Description: Icon size. Type: Number.
style
Description: DropdownContainer style. Type: CSS Properties.
className
Description: DropdownContainer className. Type: String.
itemStyle
Description: ItemContainer style. Type: CSS Properties.
iconsStyle
Description: Icon style. Type: CSS Properties.
textItemStyle
Description: Item text style. Type: CSS Properties.
textItemClassName
Description: Item text className. Type: String.
contentClassName
Description: Content className. Type: String.
Code
const list = [ { content: 'JavaScript', url: '/', iconName: 'code' }, { content: 'HTML and CSS3', url: '/', iconName: 'event-code' }, { content: 'TypeScript', url: '/' }, ] <Dropdown items={list} iconsSize={24} stripped />