Skip to main content

Overview

The Phillips 66 Separator Block renders as a small horizontal line. Its color will always be extra light gray, which means that it cannot be placed on top of a gray background. While you can change the horizontal alignment of the Separator Block, you cannot change its color or size.

When justifying a Separator to the left or right, it will align itself to the edge of whatever container that you place it in (such as a Group or Column).

Center

This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column.

This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column.

Right

This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column.

This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column.

Left

This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column.

This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column. This is what content looks like beneath the separator block and within a column.