3.5.0


Principles

Kits

Tokens


Textarea

RailsReact
Default

Label

Label

Label

Close
<%= pb_rails("textarea", props: { label: "Label", rows: 4}) %>

<br/>

<%= pb_rails("textarea", props: { label: "Label", placeholder: "Placeholder text" }) %>

<br/>

<%= pb_rails("textarea", props: { label: "Label", name: "comment", value: "Default value text" }) %>
Custom Textarea Input

Label

Close
<%= pb_rails("textarea", props: { label: "Label"}) do %>
  <textarea class="my_custom_class" name="custom_textarea" rows=4></textarea>
<% end %>
Dark

Label

Label

Label

Close
<%= pb_rails("textarea", props: { label: "Label", rows: 4, dark: true }) %>

<br/>

<%= pb_rails("textarea", props: { label: "Label", placeholder: "Placeholder text", dark: true }) %>

<br/>

<%= pb_rails("textarea", props: { label: "Label", name: "comment", value: "Default value text", dark: true }) %>
Textarea w/ Error

Label
This field has an error!

Close
<%= pb_rails("textarea", props: { error: "This field has an error!", label: "Label", rows: 4}) %>
Textarea w/ Error

Label
This field has an error!

Close
<%= pb_rails("textarea", props: {
  dark: true,
  error: "This field has an error!",
  label: "Label",
  rows: 4
}) %>
Available Props
id
data
classname
aria
children
dark
error
object
label
method
name
placeholder
rows
value