Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

⚡️LWC Panel

NotificationsYou must be signed in to change notification settings

ahmet-eren/lwc-panel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

This lightning web component is created to display content inside SLDS panel.

https://www.lightningdesignsystem.com/components/panels/

Alt text

Playground Live Demo

https://developer.salesforce.com/docs/component-library/tools/playground/O7Jrx2mVJ/21/edit

Installation

Unlocked Package

(replace the domain)

https://YOUR_DOMAIN.lightning.force.com/packaging/installPackage.apexp?p0=04t3h000000id1g

Usage

Basic

<c-panel><!-- Panel Content Goes Here--></c-panel>

Hidden Header

<c-panelhide-header><!-- Panel Content Goes Here--></c-panel>

Custom Header

<c-panelcustom-header><spanslot="header"><!-- Custom Header Goes Here --></span><spanslot="content"><!-- Panel Content Goes Here --></span></c-panel>

Custom Size

<c-panelsize="small"><!-- Panel Content Goes Here --></c-panel>

Handling Modal Events

<c-panelonclose={onPanelClose}><!-- Panel Content Goes Here --></c-panel>

Full Height

<c-panelfull-height><!-- Panel Content Goes Here --></c-panel>

Reference

@api

String titleString size = small, medium, large, x-large, fullBoolean hide-headerBoolean custom-headerEvent onclose

Releases

No releases published

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp