Latest 1.0.1
License MIT
Platforms ios 8.0
Dependencies TPSMKDropdownMenu
Frameworks UIKit

CI Status

Tispi DropDown component.
The heart of Tispi DropDown component is MKDropdownMenu. We are using our fork TPSMKDropdownMenu, but special thanks to maxkonovalov for his component.


To run the example project, clone the repo, and run pod install from the Example directory first.



TPSDropDown is available through CocoaPods. To install
it, simply add the following line to your Podfile:

pod 'TPSDropDown', '~> 1.0'


See the example Xcode workspace.

Basic setup

Create the TPSDropDown instance and add it as a subview to your view. Set the delegate property to your view controller implementing TPSDropDownDelegate protocol.

TPSDropDown *dropDown = [[TPSDropDown alloc] initWithFrame:CGRectMake(0.f, 64.f, 320.f, 44.f)];
dropDown.items = @[@"One", @"Two", @"Three"];
dropDown.selectedItemIndex = 0;
dropDown.delegate = self;

[self.view addSubview:dropDown];

You can set to items property array of any objects, which conforms to TPSDropDownItem protocol, which will be showed in dropdown. When you set new items, you should update selectedItemIndex yourself.

By the way, you can set array with any objects, even if this objects doesn’t conforms to TPSDropDownItem protocol, in this case we don’t show titles for this objects in dropdown.

@protocol TPSDropDownItem <NSObject>


/// Title, which will show in dropdown.
- (NSString *)title;


We provides category with implementation TPSDropDownItem protocol for NSSString.

We also provides two subclass with our default appearance. You can check TPSRoundDropDown and TPSSquareDropDown.

Interface Builder

You can also set up the TPSDropDown in Interface Builder.

  • Add a UIView and set its class to TPSDropDown in the Identity inspector.
  • Connect the delegate outlets to your view controller.


/// The corner radius of the dropdown.
/// Default = 0.f.
@property (nonatomic, assign) CGFloat cornerRadius;

/// The border around the dropdown.
/// Default = 0.f.
@property (nonatomic, assign) CGFloat borderWidth;

/// The border around the dropdown.
/// Default = [UIColor clearColor].
@property (nonatomic, strong) UIColor *borderColor;

/// The height of the dropdown rows separators (horizontal lines).
/// Default = 1.f.
@property (nonatomic, assign) CGFloat separatorWidth;

/// The color of the dropdown rows separators (horizontal lines).
/// Default = [UIColor lightGrayColor].
@property (nonatomic, strong) UIColor *separatorColor;

/// The accessory image in the header components, rotates to indicate open/closed state. Provide an image with `UIImageRenderingModeAlwaysTemplate` to respect the view's tint color.
/// Default = nil.
@property (nonatomic, strong) UIImage *indicatorImage;

/// The rotation angle (in radians) of the disclosure indicator when the component is selected.
/// Default = 0.f.
@property (nonatomic, assign) CGFloat indicatorImageSelectionRotation;

/// The font of the label for selected item.
/// The font of the labels in rows.
/// Default = [UIFont systemFontOfSize:[UIFont systemFontSize]].
@property (nonatomic, strong) UIFont *font;

/// The alignment of the label for selected item.
/// The alignment of the labels in rows.
/// Default = NSTextAlignmentLeft.
@property (nonatomic, assign) NSTextAlignment textAlignment;

/// The text color of the label for selected item.
/// The text color of the labels in rows.
/// Default = [UIColor blackColor].
@property (nonatomic, strong) UIColor *textColor;

/// Show a shadow under the dropdown.
/// Default = NO.
@property (nonatomic, assign) BOOL showShadow;


  • iOS 8+
  • Xcode 8+


Tipsi team


TPSDropDown is available under the MIT license. See the LICENSE file for more info.

Latest podspec

    "name": "TPSDropDown",
    "version": "1.0.1",
    "summary": "Tipsi app dropdown component",
    "description": "A set of classes defining dropdown component used in Tipsi app.",
    "homepage": "",
    "license": {
        "type": "MIT",
        "file": "LICENSE"
    "authors": {
        "Tipsi team": "[email protected]"
    "source": {
        "git": "",
        "tag": "1.0.1"
    "platforms": {
        "ios": "8.0"
    "source_files": "TPSDropDown/Classes/**/*",
    "resource_bundles": {
        "TPSDropDownBundle": [
    "frameworks": "UIKit",
    "dependencies": {
        "TPSMKDropdownMenu": [
            "~> 1.3"

Pin It on Pinterest

Share This