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

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

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

Change the input type to text in order to define the correct type of input. This
is the most default version of letting the user insert content in forms.

{% endset %}

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

{{input.text("", {
  label: "Text input",
  name: "styleguide-text-example1",
  placeholder: "Text input placeholder"
})}}

{{input.text("", {
  label: "Text input",
  name: "styleguide-text-example2",
  placeholder: "Text input placeholder",
  isDisabled: true
})}}

{% endset %}

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

{% endset %} #}