Edge modifiers: .sheet-left, .sheet-top, .sheet-bottom.
<button type="button" class="button secondary sm" data-dialog="doc-sheet">Open sheet</button>
<dialog id="doc-sheet" class="sheet sheet-left" aria-labelledby="doc-sheet-title">
<form method="dialog">
<div class="sheet-header">
<h3 id="doc-sheet-title" class="sheet-title">Workspace settings</h3>
<p class="sheet-description">Shares the dialog top layer.</p>
</div>
<div class="sheet-footer">
<button type="submit" class="button secondary sm">Close</button>
</div>
</form>
</dialog>
