Skip to content

Latest commit

 

History

History
77 lines (53 loc) · 1.84 KB

TEXTAREA.md

File metadata and controls

77 lines (53 loc) · 1.84 KB
Raw

Textarea

Textarea fields let users enter and edit long text.

Element

<div class="field textarea">
  <textarea></textarea>
</div>

Most used helpers

Forms

label, textarea, border, round, fill, prefix, suffix

Sizes

small, medium, large, extra

Triggers

active

Example

<div class="field textarea label border">
  <textarea></textarea>
  <label>Label</label>
</div>

Triggers

To up/down a label

Method 1

Add/remove active class on label/textarea (the JS file of beer do this automatically).

<div class="field label">
  <textarea></textarea>
  <label class="active">Label</label>
</div>

<div class="field label border">
  <textarea class="active"></textarea>
  <label class="active">Label</label>
</div>

Method 2

  • Add placehholder=" " on textarea (a pure CSS solution).
<div class="field label">
  <textarea placeholder=" "></textarea>
  <label>Label</label>
</div>
<div class="field label border">
  <textarea placeholder=" "></textarea>
  <label>Label</label>
</div>

Go to

Begin, Elements, Helpers, Settings, Summary, beercss.com

Badge, Button, Card, Checkbox, Chip, Container, Dialog, Expansion, Grid, Icon, Input, Layout, Main layout, Media, Menu, Navigation, Overlay, Page, Progress, Radio, Select, Slider, Switch, Table, Tabs, Textarea, Snackbar, Tooltip, Typography