Translated input example

With custom details title

How it looks (preview)

Input (required)

French translation

Je suis en fait français.

How to call this example

<%= render "components/translated_input", {
  input: {
    label: {
      text: "Input (required)"
    },
    heading_size: "l",
    name: "input"
  },
  details: {
    title: "French translation",
    text: "Je suis en fait français."
  }
} %>