Combobox

The v-combobox component is a v-text-field that allows the user to select values from a provided items array, or to enter their own value. Created items will be returned as strings.

Basic

With Combobox, you can allow a user to create new values that may not be present in a provided items list.

Density

You can use density prop to adjusts vertical spacing within the component. Available options are: default, comfortable, and compact.

Variant

Use solo, outlined, underlined, filled and plain options of variant prop to change the look of Combobox.

No data with chips

Previously known as tags - user is allowed to enter more than 1 value

Clearable

Use clearable prop to clear combobox.

CONTENTS

  • Introduction

  • Basic

  • Density

  • Variant

  • No data with chips

  • Clearable