Tabler

Source code Sponsor
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
Paweł Kuna
UI Designer
Set status Profile & account Feedback
Settings Logout
  • Home
  • Interface
    Empty page Accordion Blank page Buttons Cards Cards Masonry Colors Dropdowns Icons Modals Maps Map fullsize Vector maps
    Navigation Charts Pagination Skeleton Tabs Tables Carousel Lists Typography Markdown
    Authentication
    Sign in Sign up Forgot password Terms of service Lock screen
    Error pages
    404 page 500 page Maintenance page
  • Form elements
  • Extra
    Activity Gallery Invoice Search results Pricing cards Users License Music Widgets Wizard
  • Layout
    Horizontal Vertical Vertical transparent Right vertical Condensed Condensed dark Combined
    Navbar dark Navbar sticky Navbar overlap Dark mode RTL mode Fluid Fluid vertical
  • Documentation

Documentation

  • Introduction
  • Getting started
    • Getting Started
    • Download
    • Browser Support
  • Content
    • Colors
    • Typography
    • Icons
  • Layout
    • Page headers
  • Form components
    • Form elements
    • Form helpers
    • Validation states
    • Image check
    • Color check
    • Form selectboxes
    • Form fieldset
  • Components
    • Alerts
    • Avatars
    • Badges
    • Breadcrumb
    • Buttons
    • Cards
    • Carousel
    • Dropdowns
    • Divider
    • Empty states
    • Modals
    • Page headers
    • Progress
    • Range slider
    • Ribbons
    • Skeleton
    • Spinners
    • Steps
    • Switch icon
    • Tables
    • Tabs
    • Timelines
    • Toasts
    • Tooltips
  • Utilities
    • Borders
    • Cursors
    • Interactions
  • Plugins
    • Autosize
    • Form input mask
    • Flags
    • Payments
    • Charts
  • Changelog 1.0.0-beta3

Autosize

The autosize element will automatically adjust the textarea height and make it easier for users to follow as they type.

Default markup

Add the autosize element to your input to make it automatically adjust to the length of a text as a user types it.

<label class="form-label">Autosize example</label>
<textarea class="form-control" data-bs-toggle="autosize" placeholder="Type something…"></textarea>
  • Documentation
  • License
  • Source code
  • Sponsor
  • Copyright © 2021 Tabler. All rights reserved.
  • v1.0.0-beta3