# Inputs

{% hint style="info" %}
**Good to know:** you can embed a Storybook canvas by simple pasting the canvas link and hitting enter.
{% endhint %}

## Default

{% embed url="<https://5ccbc373887ca40020446347-geedzbiswp.chromatic.com/?path=/story/forms-input--template>" %}
These examples are taken from the excellent [Storybook Example Design System](https://5ccbc373887ca40020446347-geedzbiswp.chromatic.com/iframe.html?id=forms-input--template\&args=).
{% endembed %}

```javascript
<Styled(Input)
    appearance="pill"
    id="Basic"
    label="label"
    orientation="horizontal"
    value="value"
/>
```

## Stacked

{% embed url="<https://5ccbc373887ca40020446347-geedzbiswp.chromatic.com/?path=/story/forms-input--stacked>" %}
These examples are taken from the excellent [Storybook Example Design System](https://5ccbc373887ca40020446347-geedzbiswp.chromatic.com/?path=/story/forms-input--stacked).
{% endembed %}