File tree Expand file tree Collapse file tree 3 files changed +6
-10
lines changed
projects/igniteui-angular/src/lib/splitter Expand file tree Collapse file tree 3 files changed +6
-10
lines changed Original file line number Diff line number Diff line change @@ -17,15 +17,13 @@ export const SPLITTER_INTERACTION_KEYS = new Set('right down left up arrowright
17
17
export class IgxSplitBarComponent {
18
18
19
19
/**
20
- * Sets/gets `IgxSplitBarComponent` orientation.
21
- * @type SplitterType
20
+ * Gets/Sets the orientation.
22
21
*/
23
22
@Input ( )
24
- public type : SplitterType = SplitterType . Vertical ;
23
+ public type : SplitterType = SplitterType . Horizontal ;
25
24
26
25
/**
27
- * Sets/gets `IgxSplitBarComponent` element order.
28
- * @type SplitterType
26
+ * Sets/gets the element order.
29
27
*/
30
28
@HostBinding ( 'style.order' )
31
29
@Input ( )
@@ -46,7 +44,7 @@ export class IgxSplitBarComponent {
46
44
*/
47
45
@HostBinding ( 'attr.aria-orientation' )
48
46
public get orientation ( ) {
49
- return this . type === SplitterType . Horizontal ? 'vertical ' : 'horizontal ' ;
47
+ return this . type === SplitterType . Horizontal ? 'horizontal ' : 'vertical ' ;
50
48
}
51
49
52
50
/**
Original file line number Diff line number Diff line change @@ -3,8 +3,6 @@ import { IgxSplitterPaneComponent } from './splitter-pane/splitter-pane.componen
3
3
4
4
/**
5
5
* An enumeration that defines the `SplitterComponent` panes orientation.
6
- * @export
7
- * @enum {number}
8
6
*/
9
7
export enum SplitterType {
10
8
Horizontal ,
@@ -41,7 +39,7 @@ export enum SplitterType {
41
39
templateUrl : './splitter.component.html'
42
40
} )
43
41
export class IgxSplitterComponent implements AfterContentInit {
44
- private _type : SplitterType = SplitterType . Vertical ;
42
+ private _type : SplitterType = SplitterType . Horizontal ;
45
43
/**
46
44
* Gets/Sets the splitter orientation.
47
45
* @example
Original file line number Diff line number Diff line change 1
1
< div class ="sample-wrapper ">
2
2
< igx-switch (change) ='changeType() ' style ="padding-left: 10px "> Toggle Splitter Direction</ igx-switch >
3
3
< div > Simple sample</ div >
4
- < igx-splitter [type] =" type " style ='height: 30vh; '>
4
+ < igx-splitter style ='height: 30vh; '>
5
5
< igx-splitter-pane [resizable] ='false '>
6
6
< div style ='width:100%; '>
7
7
Pane 1
You can’t perform that action at this time.
0 commit comments