Components

์ปดํฌ๋„ŒํŠธ๋ž€?

์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ๋ฌธ์„œ ์š”์†Œ๋ฅผ ์‚ฌ์ „์— ๊ตฌํ˜„ํ•ด ๋†“์€ ๊ฒƒ์œผ๋กœ

์‚ฌ์šฉ์ž๋Š” Drag & Drop ์„ ํ†ตํ•ด ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ž์œ ๋กญ๊ฒŒ ๋ฐฐ์น˜ํ•˜์—ฌ ํ…œํ”Œ๋ฆฟ์„ ์†์‰ฝ๊ฒŒ ์™„์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

  1. Component๋ฅผ ํด๋ฆญํ•˜์—ฌ Component Panel๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.


  1. Add component๋ฅผ ํด๋ฆญํ•˜์—ฌ Component๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.


  1. ์›ํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ ํด๋ฆญํ•˜์—ฌ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

์ปดํฌ๋„ŒํŠธ ๋ช…๊ธฐ๋Šฅ ์†Œ๊ฐœ

Title

๋ฌธ์„œ์˜ ์ œ๋ชฉ

Paragraph

๋ฌธ์ž์—ด ๋‹จ๋ฝ

Image

์ด๋ฏธ์ง€

Image+text

์ด๋ฏธ์ง€์™€ ๋ฌธ์ž์—ด

Empty

์ปดํฌ๋„ŒํŠธ ์‚ฌ์ด ์—ฌ๋ฐฑ

Divider

๊ฐ€๋กœ ๊ตฌ๋ถ„์„ 

Table

ํ…Œ์ด๋ธ”

Table with 2 columns

2์—ด ํ…Œ์ด๋ธ”

Table (Related)

ํ…Œ์ด๋ธ” ํ˜•ํƒœ์˜ ์ง‘ํ•ฉ ์ž๋ฃŒ

Table (Related) - Groupped

๊ทธ๋ฃนํ™”๋œ ์ง‘ํ•ฉ ์ž๋ฃŒ

Table (Related) - Filtered

ํŠน์ • ์กฐ๊ฑด์„ ๋งŒ์กฑํ•˜๋Š” ์ง‘ํ•ฉ ์ž๋ฃŒ

Table (Related) - Groupped with image

๊ทธ๋ฃนํ™”๋œ ์ง‘ํ•ฉ ์ž๋ฃŒ์— ์ด๋ฏธ์ง€๋ฅผ ํฌํ•จ

Page Header

๋ฌธ์„œ ๋จธ๋ฆฌ๊ธ€

Page Footer

๋ฌธ์„œ ๋ฐ”๋‹ฅ๊ธ€


  1. Component๋ฅผ ์˜ฎ๊ธฐ๊ณ  ์‹ถ์€ ์œ„์น˜๋กœ Drag & Dropํ•ฉ๋‹ˆ๋‹ค.

Last updated