-
Notifications
You must be signed in to change notification settings - Fork 4
docs(tile-manager): add tile manager topic #1455
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
simeonoff
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good job on your first docs contribution. The article reads well. The only comment I have is related to overly using the word "also" in almost all of the introductory paragraphs for each section. If you drop/reduce the usage of that word, the article will read even better.
| import { defineComponents, IgcTileManagerComponent, IgcTileComponent } from 'igniteui-webcomponents'; | ||
|
|
||
| defineComponents(IgcTileManagerComponent, IgcTileComponent); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| import { defineComponents, IgcTileManagerComponent, IgcTileComponent } from 'igniteui-webcomponents'; | |
| defineComponents(IgcTileManagerComponent, IgcTileComponent); | |
| import { defineComponents, IgcTileManagerComponent } from 'igniteui-webcomponents'; | |
| defineComponents(IgcTileManagerComponent); |
You have to verify this, but I believe the IgcTileManagerComponent will autoregister the IgcTileComponent.
|
|
||
| Similar to resizing, when you initiate the drag-and-drop process, a ghost element appears beneath the tile you’ve grabbed. As you drag the tile, the ghost element moves with it, dynamically reordering the other tiles in real time. This allows you to preview how the tile grid will look when you drop the tile. | ||
|
|
||
| There are two types of transitions you can use while reordering tiles with drag-and-drop. To use them, simply set the `drag-action` property on the Tile Manager to either `slide` or `swap`. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| There are two types of transitions you can use while reordering tiles with drag-and-drop. To use them, simply set the `drag-action` property on the Tile Manager to either `slide` or `swap`. |
| There are two types of transitions you can use while reordering tiles with drag-and-drop. To use them, simply set the `drag-action` property on the Tile Manager to either `slide` or `swap`. | ||
|
|
||
| ```html | ||
| <igc-tile-manager drag-mode="tile-header" drag-action="slide"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| <igc-tile-manager drag-mode="tile-header" drag-action="slide"> | |
| <igc-tile-manager drag-mode="tile-header"> |
Co-authored-by: Simeon Simeonoff <[email protected]>
rkaraivanov
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Subseqent
Closes #1442