【Salesforce】Lightning Design System으로 알림 화면 만들기

다음은 경고 화면의 샘플 코드입니다. 전회의 계속입니다. ■【Salesforce】Lightning Design System으로 모달 화면 만들기 다음은 경고 화면의 작성 이미지입니다. 요소 비고 헤더(header) 경고의 헤더 부분입니다. 배경색은 빨간색입니다. 콘텐츠(div) 경고의 콘텐츠 부분입니다. 본문을 기재합니다. 바닥글(footer) 경고의 바닥글 부분입니다. 닫기 버튼을 배치하는...

SalesforceAlertLightningDesignSystem

【Salesforce】Lightning Design System으로 모달 화면 만들기

다음은 모달 화면의 샘플 코드입니다. 다음은 모달 화면의 작성 이미지입니다. 요소 비고 헤더(header) 모달의 헤더 부분입니다. 필요하지 않으면 삭제해도 괜찮습니다. 콘텐츠(div) 모달의 콘텐츠 부분입니다. 본문을 기재합니다. 바닥글(footer) 모달의 바닥글 부분입니다. 일반적으로 버튼을 배치합니다. ■Modals...

SalesforceLightningDesignSystemmodal

【Salesforce】Lightning Design System으로 다양한 버튼을 만든다

다음은 기본 버튼의 샘플 코드입니다. 각 버튼에 Lightning Design System 클래스를 추가하여 버튼 스타일을 변경할 수 있습니다. 다음 버튼을 만들었습니다. · 저장 (주요 액션) ・삭제(파괴적인 액션) ・무효(무효인 액션) ・캔슬(보통 액션) 클래스 이름 비고 slds-button_brand 주요 액션에 사용되는 slds-button_destructive 파괴적인 행동에 사용...

버튼LightningDesignSystemSalesforce

【Salesforce】Lightning Design System에서 Path 작성

다음은 기본 Path 샘플 코드입니다. 단계가 1입니다. 단계를 진행하려는 경우 대상 단계의 클래스 이름에 "slds-is-active"를 추가합니다. 아래 코드에서는 '2단계' 목록에 클래스 이름 'slds-is-active'를 추가합니다. 단계를 2로 변경할 수 있습니다. ■Path...

SalesforceLightningDesignSystem