1. welcome.blade.php <head>안에 삽입</head>
<!-- TailWindCss -->
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
2. body 중앙정렬한다.
sidebar컴포넌트 배경을 그레이500으로 적용한다.
<body class="flex flex-col items-center">
<x-sidebar title="My Sidebar" :info="$info" class="bg-gray-500"/>
</body>
3. div에 $attributes를 넘겨줘야 적용이된다.
<div {{$attributes}}>
<h1>{{ $title }}</h1>
<h3>{{ $info }}</h3>
Hello Laravel 7 Component<br>
@foreach($list('저는 리스트 매개변수입니다') as $item)
<ul>
{{ $item }}
</ul>
@endforeach
</div>
결과
4. div에 텍스트 크기 정의하기
<div {{$attributes->merge(['class' => 'text-xl'])}}>
<h1>{{ $title }}</h1>
<h3>{{ $info }}</h3>
<p class="text-pink-200">Hello Laravel 7 Component</p>
@foreach($list('저는 리스트 매개변수입니다') as $item)
<ul>
{{ $item }}
</ul>
@endforeach
</div>
결과
'라라벨 > laravel7스터디' 카테고리의 다른 글
| 메인에서 서브컴포넌트로 제목 넘기기 (0) | 2020.03.28 |
|---|---|
| component에 추가내용 전달하기 (0) | 2020.03.28 |
| 리스트 불러오기 (0) | 2020.03.28 |
| 데이터 바인딩 넘기는 방법 (0) | 2020.03.28 |
| 타이틀 정의하는 방법 (0) | 2020.03.28 |