`affirm.ui.components.create` creates an Affirm component in the background to be rendered on-demand on your website, drastically reducing the impact of loading time.



This component feature was designed to reduce latency and offer more flexibility to merchants.



## Method arguments

**componentType** <span style="color:red">required</span>_string_Only `promo` is available.
**options** <span style="color:red">required</span>_object_See Options object.

## Options properties

**amount** _integer_ The loan amount passed to display price specific messaging. The amount must be in cents.
**pageType** <span style="color:red">required</span>_string_The page type of the page the promo/messaging is on: - `product` (default) - TBD
**affirmLogoType** _string_Sets the Affirm logo type. Default displays Affirm logo image: - `logo` (default): The standard Affirm logo. - `symbol`: Displays the Affirm logo as a symbol. - `text`: Displays Affirm Logo in plain text.
**affirmLogoColor** _string_Set the color on the Affirm logo: - `black` - `blue` (default) - `white`
**category** _string_Identifies the product category associated with the messaging for analytics tracking (e.g., electronics, furniture).
**brand** _string_Identifies the brand category associated with the messaging for analytics tracking (e.g., Samsung, Goodyear).
**sku** _string_Identifies the SKU associated with the messaging for analytics tracking.
**promoId** _string_Allows the merchant to select a specific promo id that they want to display. This will override the `pageType` supplied.
**learnMoreShow** _boolean_Whether to show or suppress the modal link: - `true` (default): Shows the modal link. - `false`: Suppresses CTA link and hyperlinks entire promo.