Inputs

Good to know: you can embed a Storybook canvas by simple pasting the canvas link and hitting enter.

Default

https://5ccbc373887ca40020446347-geedzbiswp.chromatic.com/?path=/story/forms-input--template5ccbc373887ca40020446347-geedzbiswp.chromatic.com

These examples are taken from the excellent Storybook Example Design System.

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

Stacked

https://5ccbc373887ca40020446347-geedzbiswp.chromatic.com/?path=/story/forms-input--stacked5ccbc373887ca40020446347-geedzbiswp.chromatic.com

These examples are taken from the excellent Storybook Example Design System.