Quickord Design System
Card
DateNavigator
Dropdown
Icon
KitchenCard
ManageAvailability
ManageOrdersContent
Order
Text
Dropdown
/components/dropdown/Dropdown
Dropdown component is used to display a list of options to the user. The user can select one or more options from the list.
Customize the component area
Background:
lightGray
white
bgGray
redishPink
Width:
Height:
Dropdown
Option 1
Option 2
Option 3
type
Dropdown type
ONLY_ONE
MULTIPLE_CHOICES
CHOICES_MULTIPLE_TIMES
variant
Dropdown variant
primary
secondary
noPadding
placeholder
Dropdown placeholder
description
Dropdown description
isImportant
isSelectionDisabled
isSimple
max
Dropdown max selections
disabled
Disables the dropdown
noPadding
Removes the card padding
shadow
Adds shadow
tip
Adds a card tip (outline and text)