27 lines (21 loc) · 922 Bytes

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. {% endembed %}

<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. {% endembed %}