Skip to content

Commit d8dd26c

Browse files
committed
feat(splitter): enhance collapsible splitter sample
1 parent bfb33cc commit d8dd26c

File tree

2 files changed

+6
-2
lines changed

2 files changed

+6
-2
lines changed

src/app/layouts/splitter/splitter-collapsible-sample/splitter-collapsible-sample.component.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<igx-splitter #splitter [collapsible]='false' style='height: 100vh;' [style.width]='"100%"'>
22
<igx-splitter-pane>
33
<p>
4-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in lacus eget turpis congue fermentum. Aliquam sollicitudin massa vel ullamcorper bibendum. Donec sit amet augue in justo fermentum facilisis vel quis quam. Vivamus eget iaculis nisi, vitae dignissim leo. Donec eget consectetur lacus. In viverra vehicula libero, quis dictum odio varius in. Phasellus aliquam elit et lectus ornare placerat. Aliquam vitae sapien facilisis, auctor enim quis, consectetur dui. Cras elementum velit eros, ut efficitur ante pellentesque in. Proin vulputate lacus dui, vitae imperdiet dui pharetra ac. Nunc sagittis, sapien et posuere varius, mauris justo tincidunt odio, in interdum lorem libero sed enim. Nulla placerat scelerisque felis vitae accumsan.
4+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in lacus eget turpis congue fermentum. Aliquam sollicitudin massa vel ullamcorper bibendum. Donec sit amet augue in justo fermentum facilisis vel quis quam. Vivamus eget iaculis nisi, vitae dignissim leo. Donec eget consectetur lacus. In viverra vehicula libero, quis dictum odio varius in.
55
<br>
6-
<button (click)="toggleCollapsible()">Toggle Collapsible</button>
6+
<button igxButton='contained' (click)="toggleCollapsible()">Toggle Collapsible</button>
77
</p>
88
</igx-splitter-pane>
99
<igx-splitter-pane>
Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
11
p {
22
padding: 0 16px;
33
}
4+
5+
[igxButton] {
6+
margin-top: 16px;
7+
}

0 commit comments

Comments
 (0)