# Building a Form with Polaris

DevFeed: [Building a Form with Polaris](<https://devfeed.tech/articles/building-a-form-with-polaris-1328.md>)

Original publisher: [Read original article](<https://shopify.engineering/building-polaris-form>)

Author: Joe Keohan

Published: 2022-06-01T15:30:00Z

Content type: tutorial

Language: en

Sources: [Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering.md>), [Shopify Engineering - Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering-shopify-engineering.md>)

Topics: [Shopify](<https://devfeed.tech/topics/shopify.md>), [Design system](<https://devfeed.tech/topics/design-system.md>), [Forms](<https://devfeed.tech/topics/forms.md>), [React](<https://devfeed.tech/topics/react.md>), [Tutorial](<https://devfeed.tech/topics/tutorial.md>), [ui](<https://devfeed.tech/topics/ui.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>)

Tags: [components](<https://devfeed.tech/tags/components.md>), [design-system](<https://devfeed.tech/tags/design-system.md>), [forms](<https://devfeed.tech/tags/forms.md>), [react](<https://devfeed.tech/tags/react.md>), [shopify](<https://devfeed.tech/tags/shopify.md>), [state](<https://devfeed.tech/tags/state.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>), [ui-design](<https://devfeed.tech/tags/ui-design.md>)

## AI overview

A tutorial on building a product form with Shopify's Polaris design system and React. It covers reusable form components, UI design, navigation, state, events, and event handlers, with starter and solution CodeSandbox examples.

## Source excerpt

A tutorial to create the basic form design that's meant to introduction to React including additional logic to emulate a fully functional React form.