Skip to content

Commit

Permalink
feat(ui5-panel): expose content css part (#3211)
Browse files Browse the repository at this point in the history
  • Loading branch information
fifoosid authored May 11, 2021
1 parent 8c0225c commit 267fc02
Showing 2 changed files with 16 additions and 1 deletion.
8 changes: 7 additions & 1 deletion packages/main/src/Panel.hbs
Original file line number Diff line number Diff line change
@@ -51,7 +51,13 @@
</div>

<!-- content area -->
<div class="ui5-panel-content" id="{{_id}}-content" tabindex="-1" style="{{styles.content}}">
<div
class="ui5-panel-content"
id="{{_id}}-content"
tabindex="-1"
style="{{styles.content}}"
part="content"
>
<slot></slot>
</div>
</div>
9 changes: 9 additions & 0 deletions packages/main/src/Panel.js
Original file line number Diff line number Diff line change
@@ -217,6 +217,15 @@ const metadata = {
* clockwise/counter-clockwise.</li>
* </ul>
*
* <h3>CSS Shadow Parts</h3>
*
* <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
* <br>
* The <code>ui5-panel</code> exposes the following CSS Shadow Parts:
* <ul>
* <li>content - Used to style the wrapper of the content</li>
* </ul>
*
* <h3>ES6 Module Import</h3>
*
* <code>import "@ui5/webcomponents/dist/Panel";</code>

0 comments on commit 267fc02

Please sign in to comment.