Sheet positions

The panel can enter from each viewport edge without changing the Light DOM anatomy.

Top sheet

Each position uses the same native dialog anatomy with a host attribute.

Position is owned by CSS through ui-sheet[position] selectors.

Right sheet

Each position uses the same native dialog anatomy with a host attribute.

Position is owned by CSS through ui-sheet[position] selectors.

Bottom sheet

Each position uses the same native dialog anatomy with a host attribute.

Position is owned by CSS through ui-sheet[position] selectors.

Left sheet

Each position uses the same native dialog anatomy with a host attribute.

Position is owned by CSS through ui-sheet[position] selectors.

Back to StoryLite