// what's the type? what's the default?
@Input() items;
// what possible options can we pass in?
@Input() type = "single";
// descriptive is good, however this is a sign the component may need 
// to be refactored, or broken down into composable sub-components.
@Input() isMenuOpen: boolean = false;

@Input() items = [
    {
        content: "content here",
        // only for selectable item lists
        selected: false,
        // false or not including the property is the same behaviour
        disabled: false
        // other properties can be included. 
        // if there is a template the whole object should be passed to it.
    },
    {
        content: "more content",
        selected: true
    }
];

@Input() myComponentItems = [
    "content",
    "more content"
];
@Input() alsoWrong = {
    item1: {}
    item2: {}
};

@Input() items = [
    {
        content: "content here",
        // only for selectable item lists
        selected: false,
        // false or not including the property is the same behaviour
        disabled: false
        // other properties can be included. 
        // if there is a template the whole object should be passed to it.
    },
    {
        content: "more content",
        selected: true,
        // nested item lists follow the exact same conventions as
        // regular item lists however, they live within some parent item.
        items: [
            {
                content: "nested item",
                selected: false
            }
        ]
    }
];

@Input() myComponentItems = [
    "content",
    "more content",
    [
        "something else"
    ]
];
@Input() alsoWrong = {
    item1: {
        subItems: {}
    }
    item2: {}
};