js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

add start, end, panel parts to split panel

Browse Source
This commit is contained in:
Cory LaViska
2022-01-05 11:02:39 -05:00
parent d4d253284d
commit 099dea886f
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/split-panel/split-panel.ts
View File

@@ -13,6 +13,9 @@ import styles from './split-panel.styles';
*
* @event sl-reposition - Emitted when the divider's position changes.
*
* @csspart start - The start panel.
* @csspart end - The end panel.
* @csspart panel - Targets both the start and end panels.
* @csspart divider - The divider that separates the start and end panels.
*
* @slot start - The start panel.
@@ -238,7 +241,7 @@ export default class SlSplitPanel extends LitElement {
}
return html`
<div class="start">
<div part="panel start" class="start">
<slot name="start"></slot>
</div>
@@ -255,7 +258,7 @@ export default class SlSplitPanel extends LitElement {
<slot name="handle"></slot>
</div>
<div class="end">
<div part="panel end" class="end">
<slot name="end"></slot>
</div>
`;