# GraffitiAccordion
Class Inherits GraffitiUIControl
## About
GraffitiAccordion is a beautiful, animated class that allows developers to embed multiple containers within their UI and easily switch between them.
## Preview
## Compatibility
### Framework API Version
| 1.0 | 2.0 |
| :---: | :---: |
| False | True |
### Console
| 32-Bit | 64-Bit |
| :---: | :---: |
| True | True |
### Desktop
| 32-Bit | 64-Bit |
| :---: | :---: |
| True | True |
### iOS
| 32-Bit | 64-Bit |
| :---: | :---: |
| False | True |
### Web
| 32-Bit | 64-Bit |
| :---: | :---: |
| True | True |
## Event Definitions
| Name | Parameters | Return Type | Description |
| --- | :---: | :---: | --- |
| Closing | (None) | (None) | (None) |
| SelectionChanged | (None) | (None) | Raised when the currently visible container has changed. |
## Methods
| Name | Parameters | Return Type | Description |
| --- | :---: | :---: | --- |
| Add | item as GraffitiAccordionItem | (None) | Adds a new item to the accordion |
| AddAt | index as Integer <br> item as GraffitiAccordionItem | (None) | Inserts a new item in the accordion |
| IndexOf | item as GraffitiAccordionItem | Integer | Returns the index of the supplied item |
| ItemAt | index as Integer | GraffitiAccordionItem | Returns the item at the supplied index |
| LastIndex | (None) | Integer | Returns the index of the last item |
| Remove | item as GraffitiAccordionItem | (None) | Removes the specified item and its associated item. |
| RemoveAll | (None) | (None) | Removes all items |
| RemoveAt | index as Integer | (None) | Removes the item at the supplied index |
## Properties
| Name | Type | Default Value | Description |
| --- | :---: | :---: | --- |
| AnimationEnabled | Boolean | True | Determines whether container movement is animated. |
| AnimationLength | Integer | 300 | Length of animations in milliseconds. |
| BackgroundColor | ColorGroup | (None) | Color drawn to the background of the component. |
| BadgeFont | Font | (None) | Font used to draw the text within item badges. |
| BorderColor | ColorGroup | (None) | Color used to draw the component's border. |
| BorderRadius | Double | (None) | Height and width of corner radius. |
| BorderSize | Integer | (None) | Pen size of the control's border. |
| ExpanderColorActive | ColorGroup | (None) | Color used to draw the expander icon of the currently active item. |
| ExpanderColorInactive | ColorGroup | (None) | Color used to draw the expander icon of inactive items. |
| ExpanderIconActive | Picture | (None) | Picture drawn as the expander icon for the currently active item. |
| ExpanderIconInactive | Picture | (None) | Picture drawn as the expander icon for inactive items. |
| ExpanderVisible | Boolean | (None) | Determines whether expander icons are drawn. |
| HeaderHeight | Double | (None) | Height of item headers drawn in the display. |
| SelectedItem | GraffitiAccordionItem | (None) | Currently selected item. |
