# 
## AdminAction
AdminAction is a component used by Admin action extensions to configure a primary and secondary action and title. Use of this component is required in order to use Admin action extensions.
[View AdminAction](/docs/api/admin-extensions/unstable/components/adminaction)
## AdminBlock
This component is similar to the AdminBlock, providing a deeper integration with the container your UI is rendered into. However, this only applies to Block Extensions which render inline on a resource page.
[View AdminBlock](/docs/api/admin-extensions/unstable/components/adminblock)
## AdminPrintAction
AdminPrintAction is a component used by admin print action extensions to denote a URL to print. Admin print action extensions require the use of this component.
[View AdminPrintAction](/docs/api/admin-extensions/unstable/components/adminprintaction)
## Badge
Use this component to inform merchants of the status of an object or of an action that’s been taken.
[View Badge](/docs/api/admin-extensions/unstable/components/badge)
## Banner
Use this component if you need to communicate to merchants in a prominent way.
[View Banner](/docs/api/admin-extensions/unstable/components/banner)
## BlockStack
This structures layout elements along the vertical axis of the page. It's useful for vertical alignment.
[View BlockStack](/docs/api/admin-extensions/unstable/components/blockstack)
## Box
This is your foundational structural element for composing UI. It can be styled using predefined tokens. Use it to build your layout.
[View Box](/docs/api/admin-extensions/unstable/components/box)
## Button
Use this component when you want to provide users the ability to perform specific actions, like saving data.
[View Button](/docs/api/admin-extensions/unstable/components/button)
## Checkbox
Use this component when you want to provide users with a clear selection option, such as for agreeing to terms and conditions or selecting multiple options from a list.
[View Checkbox](/docs/api/admin-extensions/unstable/components/checkbox)
## ChoiceList
Use this component if you need to group together a related list of interactive choices as radio buttons or checkboxes.
[View ChoiceList](/docs/api/admin-extensions/unstable/components/choicelist)
## ColorPicker
Use this component if you need to select a color.
[View ColorPicker](/docs/api/admin-extensions/unstable/components/colorpicker)
## CustomerSegmentTemplate
CustomerSegmentTemplate is used to configure a template rendered in the **Customers** section of the Shopify admin. Templates can be applied in the [customer segment editor](https://help.shopify.com/en/manual/customers/customer-segmentation/customer-segments) and used to create segments.
[View CustomerSegmentTemplate](/docs/api/admin-extensions/unstable/components/customersegmenttemplate)
## DateField
This is a form field that lets users select a date using the DatePicker component.
[View DateField](/docs/api/admin-extensions/unstable/components/datefield)
## DatePicker
Date pickers let merchants choose dates from a visual calendar that’s consistently applied wherever dates need to be selected across Shopify.    
[View DatePicker](/docs/api/admin-extensions/unstable/components/datepicker)
## Divider
Use this to create a clear visual separation between different elements in your user interface.
[View Divider](/docs/api/admin-extensions/unstable/components/divider)
## EmailField
Use this when you need users to provide their email addresses.
[View EmailField](/docs/api/admin-extensions/unstable/components/emailfield)
## Form
Use this component when you want to collect input from users. It provides a structure for various input fields and controls, such as text fields, checkboxes, and buttons. It also integrates with the native Contextual Save Bar to handle form submission and reset actions.
[View Form](/docs/api/admin-extensions/unstable/components/form)
## FunctionSettings
FunctionSettings should be used when configuring the metafield configuration of a Shopify Function. It provides a structure for various input fields and controls, such as text fields, checkboxes, and selections. It also integrates with the native Contextual Save Bar to handle form submission and reset actions.
[View FunctionSettings](/docs/api/admin-extensions/unstable/components/functionsettings)
## Heading
Use this to display a title. It's similar to the h1-h6 tags in HTML
[View Heading](/docs/api/admin-extensions/unstable/components/heading)
## HeadingGroup
This groups headings together, much like the hgroup element in HTML.
[View HeadingGroup](/docs/api/admin-extensions/unstable/components/headinggroup)
## Icon
This component renders an icon from a predefined list. Choose the one that suits your needs.
[View Icon](/docs/api/admin-extensions/unstable/components/icon)
## Image
Use this when you want to display an image.
[View Image](/docs/api/admin-extensions/unstable/components/image)
## InlineStack
Use this to organize layout elements along the horizontal axis of the page. It's great for horizontal alignment.
[View InlineStack](/docs/api/admin-extensions/unstable/components/inlinestack)
## Link
This is an interactive component that directs users to a specified URL. It even supports custom protocols.
[View Link](/docs/api/admin-extensions/unstable/components/link)
## MoneyField
This is the right component for letting users enter Money digits.
[View MoneyField](/docs/api/admin-extensions/unstable/components/moneyfield)
## NumberField
This component is specifically designed for numeric data entry.
[View NumberField](/docs/api/admin-extensions/unstable/components/numberfield)
## Paragraph
Use this to display a block of text similar to the `<p>` tag in HTML.
[View Paragraph](/docs/api/admin-extensions/unstable/components/paragraph)
## PasswordField
This component is for secure input, it obfuscates any text that users enter.
[View PasswordField](/docs/api/admin-extensions/unstable/components/passwordfield)
## Pressable
Use this component when you need to capture click or press events on its child elements without adding any additional visual styling. It subtly enhances user interaction by changing the cursor when hovering over the child elements, providing a clear indication of interactivity.
[View Pressable](/docs/api/admin-extensions/unstable/components/pressable)
## ProgressIndicator
Use this component to notify merchants that their action is being processed or loaded.
[View ProgressIndicator](/docs/api/admin-extensions/unstable/components/progressindicator)
## Section
`Section` is a structural component that allows thematic grouping of content. Its visual style is contextual and controlled by Shopify, so a `Section` may look different depending on the component it is nested inside.

`Section` also automatically increases the heading level for its content to ensure a semantically correct heading structure in the document. To further increase the heading level inside the `Section`, consider nesting new `Section`s.
[View Section](/docs/api/admin-extensions/unstable/components/section)
## Select
Use this when you want to give users a predefined list of options to choose from.
[View Select](/docs/api/admin-extensions/unstable/components/select)
## Text
This component renders text. Remember, you can also add your own styling.
[View Text](/docs/api/admin-extensions/unstable/components/text)
## TextArea
This component is perfect when you need to allow users to input larger amounts of text, such as for comments, feedback, or any other multi-line input.
[View TextArea](/docs/api/admin-extensions/unstable/components/textarea)
## TextField
This is your go-to component when you need to let users input textual information.
[View TextField](/docs/api/admin-extensions/unstable/components/textfield)
## URLField
This is the right component for letting users enter a URL.
[View URLField](/docs/api/admin-extensions/unstable/components/urlfield)