Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Editor & Inputs › Textbox Floating Label

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 10, 2023 at 7:02 pm #104375
    Peter Hansen
    Participant

    Hi,

    How can I make a floating label on the Textbox? just like there is on the <span class=”tag”>FormControl.</span>

    I would also like that the floating label will be in place after the control lost focus.

    Best regards

    Peter

    February 13, 2023 at 8:24 am #104383
    admin
    Keymaster

    Hi Peter,

    Please, refer to https://codepen.io/jqwidgets/pen/wvEwqeG. The example shows how to have an Input with floating label. It will be in place after the control lost focus.

    Best regards,
    Peter Stoev

    Smart UI Team
    https://www.htmlelements.com/

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.