{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "general/building-blocks/input/input-macros.njk" as input %}

{# ========================================================================== #}
{# :: Settings #}
{# ========================================================================== #}
{% set params = {
	isFullWidth: false,
	styleVendors: [],
	scriptVendors: [],
	order: 3,
	scope: "s-bp-input"
} %}

{# ========================================================================== #}
{# :: Info #}
{# ========================================================================== #}
{% set info %}

A textarea can be considered quit similar to a default input, but it is
resizable and lets the user insert multiple rows of content in comparison to a
default input field, which only allows one line.

{% endset %}

{# ========================================================================== #}
{# :: Preview #}
{# ========================================================================== #}
{% set preview %}

	{{input.textarea("", {
		label: { text: "Textarea" },
		id: "components-input-textarea-1",
		name: "components-input-textarea-1",
		input: { placeholder: "placeholder" }
	})}}

	{{input.textarea("", {
		label: { text: "Disabled textarea" },
		isDisabled: true,
		id: "components-input-textarea-2",
		name: "components-input-textarea-2",
		input: { placeholder: "placeholder" }
	})}}

{% endset %}

{# ========================================================================== #}
{# :: Code #}
{# ========================================================================== #}
{% set code %}

	{{input.textarea("", {
		label: { text: "Textarea" },
		id: "components-input-textarea-3",
		name: "components-input-textarea-3",
		input: { placeholder: "placeholder" }
	})}}

{% endset %}