mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-18 11:36:36 +00:00
docs(context-menu): improve demo instructions #684
This commit is contained in:
parent
47dd26b88e
commit
7aafdb128e
2 changed files with 32 additions and 0 deletions
|
@ -45,3 +45,19 @@
|
|||
<ContextMenuDivider />
|
||||
<ContextMenuOption indented kind="danger" labelText="Delete" />
|
||||
</ContextMenu>
|
||||
|
||||
<div>
|
||||
<p>Right click anywhere on this page</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
div {
|
||||
position: absolute;
|
||||
width: calc(100% - var(--cds-spacing-05));
|
||||
height: calc(100% - var(--cds-spacing-06));
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--cds-text-02);
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -21,3 +21,19 @@
|
|||
<ContextMenuDivider />
|
||||
<ContextMenuOption selectable labelText="Lock layer" />
|
||||
</ContextMenu>
|
||||
|
||||
<div>
|
||||
<p>Right click anywhere on this page</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
div {
|
||||
position: absolute;
|
||||
width: calc(100% - var(--cds-spacing-05));
|
||||
height: calc(100% - var(--cds-spacing-06));
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--cds-text-02);
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue