@gauntlet/ui-builder
The rendering engine and element library for blocks.
@gauntlet/ui-builder is the element vocabulary blocks are composed from: atoms (Box, Text, Image, Button, …), helper elements (Faq, MediaList, Cta, …), layout elements, and the Content renderer that turns layout config into UI.
Start with the UI elements catalog, which walks every element with usage guidance.
import { Box, TextElement, Media, Content, getLayoutItem } from '@gauntlet/ui-builder'Exports
function (11):
deepMerge · getAspectRatio · getBorderRadiusValue · getCompressedShopifyImageURL · getContentWidth · getHeaders · getHorizontalSpacingStyle · getWidthForShopifyImageURL · hapticFeedback · resolveRichTextTagsStyle · transformImageUrl
type (14):
BackgroundImageData · BaseComponent · BaseComponentIds · BaseComponentsMapType · BaseElementProps · BaseLayoutElementProps · ComponentId · ComponentsMap · HorizontalPosition · ImageQuality · Layout · LayoutItem · RootLayoutItem · VerticalPosition