知っておくと便利！Lightning Web Componentsのslotの使い方。｜またえこうじ@ぴたデジの人
Vue.jsでおなじみのslotが、Lightning Web Componentsでもサポートされています。 使い方をマスターしておくと、コンポーネント開発の幅が広がります。 slotとは何か？ slotとは、自分のコンポーネント内部の一部を外部から変更できる仕組みです。 上図のように親コンポーネントに子コンポーネントを配置していて、子コンポーネントの中でslotを定義していると、その中を親コンポーネントから変更することができます。 slotの使い方 以下のようなlightning-cardを使ってメッセージを表示するコンポーネントChildComponentで説明します。 カードの内容をslotにする場合、以下のように実装します。 <template> <lightning-card title="カードタイトル"> <slot> <p>カードの内容</p> </slot> </lig
Lightning Web Components における CSS の基礎と応用 - Qiita
Lightning Web Components (以下、LWC) に対するスタイルの設定方法を、Aura コンポーネントの場合との比較を交えつつ、様々な例を挙げて紹介します。なお、この記事では Salesforce Platform 上 の LWC の開発を前提としています。 Lightning Design System の使用 Salesforce 標準のデザインに沿ったコンポーネントを作成するのであれば、Lightning Design System (LDS) を使用しましょう。カスタムの LWC は Aura と同じく自動的に LDS が適用されますので、LDS の CSS クラスを必要に応じて用いることができます。もちろん、自分でゼロから作り始める前に、Base Component を組み合わせられないかは先に確認しましょう。 <template> <!-- 例) slds-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LWC勉強ーデコレーター@api、@track、@wire(003) – zchao博客之家
