How to beautify my component in checkout 2.0

alexsuarez
Shopify Partner
11 0 12

alexsuarez_0-1693328896492.png


target:  purchase.checkout.reductions.render-after

 

 

 

<View padding="base" border="base" borderWidth="medium" cornerRadius="base">
      <InlineLayout columns={["fill", "10%"]}>
        <View>
          <Text appearance="critical">{message}</Text>
        </View>
        <View inlineAlignment="end" padding={["small500", "none", "none", "none"]}>
          <Pressable onPress={() => setMessage("")}>
            <Icon source="close" size="small" />
          </Pressable>
        </View>
      </InlineLayout>
    </View>

 

 

 


How to styled those given component above?

 
Replies 0 (0)