feat(combo-box): add direction prop

This commit is contained in:
Eric Liu 2021-02-19 15:47:28 -08:00
commit 2fc2767acd
6 changed files with 39 additions and 4 deletions

View file

@ -1189,6 +1189,16 @@
"constant": false,
"reactive": true
},
{
"name": "direction",
"kind": "let",
"description": "Specify the direction of the combobox dropdown menu",
"type": "\"bottom\" | \"top\"",
"value": "\"bottom\"",
"isFunction": false,
"constant": false,
"reactive": false
},
{
"name": "size",
"kind": "let",

View file

@ -30,6 +30,17 @@ items={[
<FileSource src="/framed/ComboBox/FilterableComboBox" />
### Top direction
Set `direction` to `"top"` for the combobox dropdown menu to appear above the input.
<ComboBox direction="top" titleText="Contact" placeholder="Select contact method"
items={[
{id: "0", text: "Slack"},
{id: "1", text: "Email"},
{id: "2", text: "Fax"}
]} />
### Light variant
<ComboBox light titleText="Contact" placeholder="Select contact method"