Input Group

Vuexy Admin now support form inptut groups.

Overview

Component Name: vx-input-group
Use case: Create form input groups
Path: src/components/vx-input-group/VxInputGroup.vue
Is Globally Registered: true

Basic Input Group 基本输入框组

vx-input-group have three slots to create form input group.

• prepend
• default
• append

Use .prepend-text class for prepend content wrapper and .append-text for append content wrapper.

Sizing

You can also change size of input group using size prop of vs-input component.

Form Elements

You can also add form elements to prepend/append slot. Using tailwind css, you can tune appearance as you like.
您还可以将表单元素添加到前置/附加插槽。使用tailwind css，可以根据需要调整外观。

Multiple Addons

vx-input-group component provides various options to create desired form input group. Add multiple addons in prepend/append slot as you like.

vx-input-group组件提供了各种选项来创建所需的表单输入组。您可以根据需要在前置/追加插槽中添加多个插件。

Button Addons

Sometimes buttons are required in form input group. Vuexy also let you add button as addons to your input group.
有时在表单输入组中需要按钮。 Vuexy还允许您将按钮作为插件添加到输入组。

API