> ## Documentation Index
> Fetch the complete documentation index at: https://primer.io/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Customization
export const CardWrapper = ({children}) => {
return
{children}
;
};
export const TocCard = ({title, href, img, icon, children}) => {
const id = title.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").replace(/[^a-zA-Z0-9-]+/g, "").replace(/-+/g, "-").replace(/^-+|-+$/g, "").toLowerCase();
return
{img && 
}
;
};
## {/* Empty hashtag to make ToC present on the page */}
This guide is designed to help you style our default Drop-in Checkout UI.
If you would like to build your own UI from scratch then consider integrating [Headless Checkout](/checkout/headless).
Primer Drop-in Checkout look and feel can be styled to suit your preferred branding and make it blend seamlessly in your website or mobile app.
} />
} />
} />
} />