Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB Vue
Topic: How to use in a input group component

wuohyeah priority asked 6 months ago

Expected behavior

Does vue input group component have the effect showing label on top of the input like input filed componet?

Below images are made from MDB Standard version. https://mdbootstrap.com/snippets/standard/wuohyeah/6095927#html-tab-view

enter image description here enter image description here

Actual behavior

enter image description here enter image description here

Resources (screenshots, code snippets etc.)

Bartosz Cylwik staff answered 6 months ago

Hi! You can add the inputGroup prop to the MDBInput component and then pass some content to the slots.

Checkout my snippet here:

https://mdbootstrap.com/snippets/vue/b-cylwik/6127300

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: MDB5 5.0.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Linux
  • Provided sample code: No
  • Provided link: Yes
Tags
mdbvue
About author
wuohyeah
0Support score
11Questions 0Answers 6Snippets