TextField Examples - Rails UI Components

<%= f.text_field :first_name, required: true %>
<%= f.email_field :email, autocomplete: "email" %>
<%= f.password_field :password, autocomplete: "current-password" %>
<%= f.phone_field :phone, placeholder: "+1 (555) 123-4567" %>

<%= f.text_field :large_field, size: :lg %>
<%= f.text_field :default_field %>
<%= f.text_field :small_field, size: :sm %>

<%= f.text_field :custom_label, label: "Custom Label Text" %>
<%= f.text_field :no_label, label: false, placeholder: "Field without label" %>
<%= f.text_field :default_label %>

<%= f.text_field :password, hint: "Must be at least 8 characters long" %>
<%= f.email_field :email, hint: "We'll never share your email with anyone else" %>
<%= f.text_field :username, hint: "Choose a unique username that represents you" %>

<%= f.text_field :disabled_field, value: "Disabled", disabled: true %>

<!-- Active Record Validations works automatically -->
<%= form_with model: @user, url: root_path do |f| %>
  <%= f.text_field :first_name %>
<% end %>

<!-- You are able to add custom error messages -->
<%= f.text_field :manual_error_field, error: "This field has a custom error" %>