Divider​

The Divider UI Component is used to separate different content areas, clearly delineating the boundaries between each theme section.

Preview​

Code example​

render('Checkout::Dynamic::Render', (root) => {
  const dividerSizes: DividerSize[] = ['small', 'base', 'large', 'extraLarge'];
  return (
      <View>
        {dividerSizes.map((size) => {
          return (
            <View key={size}>
              <Text>{`Divider size: ${size}`}</Text>
              <Divider size={size}></Divider>
            </View>
          );
        })}
      </View>
  );
});

DividerProps​

size?​

The width of the divider.

direction?​

• block: The divider is vertical.
• inline: The divider is horizontal.

alignment?​

The alignment method.

id?​

A unique identifier for the UI component. If this property is not set, the system will automatically generate a globally unique ID for this component.