diff options
Diffstat (limited to 'packages/instant/src/components/ui/dropdown.tsx')
| -rw-r--r-- | packages/instant/src/components/ui/dropdown.tsx | 21 |
1 files changed, 8 insertions, 13 deletions
diff --git a/packages/instant/src/components/ui/dropdown.tsx b/packages/instant/src/components/ui/dropdown.tsx index ae4731b6f..d51060c05 100644 --- a/packages/instant/src/components/ui/dropdown.tsx +++ b/packages/instant/src/components/ui/dropdown.tsx @@ -17,7 +17,7 @@ export interface DropdownItemConfig { export interface DropdownProps { value: string; - label: string; + label?: string; items: DropdownItemConfig[]; } @@ -27,14 +27,7 @@ export interface DropdownState { export class Dropdown extends React.Component<DropdownProps, DropdownState> { public static defaultProps = { - items: [ - { - text: 'Item 1', - }, - { - text: 'Item 2', - }, - ], + items: [], }; public state: DropdownState = { isOpen: false, @@ -57,7 +50,7 @@ export class Dropdown extends React.Component<DropdownProps, DropdownState> { <Container cursor={hasItems ? 'pointer' : undefined} onClick={this._handleDropdownClick} - hasBoxShadow={true} + hasBoxShadow={isOpen} borderRadius={borderRadius} border="1px solid" borderColor={ColorOption.feintGrey} @@ -69,9 +62,11 @@ export class Dropdown extends React.Component<DropdownProps, DropdownState> { {value} </Text> <Container> - <Text fontSize="16px" fontColor={ColorOption.lightGrey}> - {label} - </Text> + {label && ( + <Text fontSize="16px" fontColor={ColorOption.lightGrey}> + {label} + </Text> + )} {hasItems && ( <Container marginLeft="5px" display="inline-block" position="relative" bottom="2px"> <Icon padding="3px" icon="chevron" width={12} stroke={ColorOption.grey} /> |