The Shell Dropdown - Deepstash
Product Management Essentials

Learn more about with this collection

Essential product management skills

How to work effectively with cross-functional teams

How to identify and prioritize customer needs

Product Management Essentials

Discover 57 similar ideas in

It takes just

8 mins to read

The Shell Dropdown

A shell is when a field looks custom, but when you click it, it uses the native dropdown styling. This is a simple way of keeping the style of the page looking consistent with your brand and lowering dev cost. It also helps with all the UX issues that come with custom fields.

2

1 read

MORE IDEAS ON THIS

When not to use a dropdown

  • If you have fewer than five options
  • If it would be easier to type than to select
  • If you have two options and they are ‘on’ and ‘off’ (or ‘yes’ and ‘no’)
  • If the options are numeric
  • If there are a lot of options

2

2 reads

Native dropdowns

We tend to use native or default options when time and budget is tight or when we are working on an MVP. Having custom inputs are the frosting on the cake, but sometimes we don’t have the option to make that sweet, sweet icing. In that instance, it is good to know what you have to work with.

2

1 read

UI cheat sheet: dropdown field

there are two main types of dropdowns: those used for navigation and those used in forms. We look at the Form variant:

  • Dropdown types and variations
  • Dropdown styles
  • Dropdown states
  • What the placeholder should say
  • When not to use a dropdown (and when to)

2

11 reads

Types and Variations

While standard dropdowns are widely understood, there are a few different types and variations that you may need to consider for your next endeavour. Please note that for these examples I am only including dropdowns used in forms and not those used in navigation.

  • Standard ...

2

4 reads

Dropdown styles

  • Standard style (attached)
  • Standard style (detached)
  • Rounded borders
  • Dropdowns with icons and images
  • Material Design’s filled dropdowns
  • Material Design’s outlined dropdowns

2

5 reads

Dropdown States

  • Active state
  • Disabled
  • Hover
  • Highlight state
  • Focus state
  • Completed input
  • Fail feedback

2

2 reads

The Placeholder

Ideally, keep the placeholder/prompt text similar to that of your free text fields. A few options:

  • Leave the placeholder blank
  • Have a generic prompt in the placeholder
  • Having a promoting phrase in the placeholder
  • Surface an option in the placeholder

2

4 reads

CURATED FROM

CURATED BY

Related collections

More like this

The "Guide" Pillar Page

A “guide” pillar page strives to be the ultimate authority on a subject. It serves to establish your authority in a field or subject matter, builds your brand, & helps establish trust with a particular audience.

The guide pillar page gives a comprehensive overview of a topic that makes it a...

Refrigerators of the future

New technologies in refrigeration include solid-state refrigerators and refrigerators that use magnets.

  • Solid-state refrigerators use the refrigerator's entire surface to slowly get rid of the heat. Solid-state refrigerators are also free from harmful materials and l...

Breaking through the monotony of style

While tech's obsession with efficiency is tied to joyless innovations, it isn't stopping them from trying to automate the messy art of self-expression.

Data shows that algorithms take away individualism. Cities have become filled with ads for millennial lifestyle startups, all virt...

stash-superman-illustration

Explore the World’s

Best Ideas

200,000+ ideas on pretty much any topic. Created by the smartest people around & well-organized so you can explore at will.

An Idea for Everything

Explore the biggest library of insights. And we've infused it with powerful filtering tools so you can easily find what you need.

Knowledge Library

Powerful Saving & Organizational Tools

Save ideas for later reading, for personalized stashes, or for remembering it later.

# Personal Growth

Take Your Ideas

Anywhere

Organize your ideas & listen on the go. And with Pro, there are no limits.

Listen on the go

Just press play and we take care of the words.

Never worry about spotty connections

No Internet access? No problem. Within the mobile app, all your ideas are available, even when offline.

Get Organized with Stashes

Ideas for your next work project? Quotes that inspire you? Put them in the right place so you never lose them.

Join

2 Million Stashers

4.8

5,740 Reviews

App Store

4.7

72,690 Reviews

Google Play

Shankul Varada

Best app ever! You heard it right. This app has helped me get back on my quest to get things done while equipping myself with knowledge everyday.

samz905

Don’t look further if you love learning new things. A refreshing concept that provides quick ideas for busy thought leaders.

Sean Green

Great interesting short snippets of informative articles. Highly recommended to anyone who loves information and lacks patience.

Ashley Anthony

This app is LOADED with RELEVANT, HELPFUL, AND EDUCATIONAL material. It is creatively intellectual, yet minimal enough to not overstimulate and create a learning block. I am exceptionally impressed with this app!

Jamyson Haug

Great for quick bits of information and interesting ideas around whatever topics you are interested in. Visually, it looks great as well.

Giovanna Scalzone

Brilliant. It feels fresh and encouraging. So many interesting pieces of information that are just enough to absorb and apply. So happy I found this.

Laetitia Berton

I have only been using it for a few days now, but I have found answers to questions I had never consciously formulated, or to problems I face everyday at work or at home. I wish I had found this earlier, highly recommended!

Ghazala Begum

Even five minutes a day will improve your thinking. I've come across new ideas and learnt to improve existing ways to become more motivated, confident and happier.

Read & Learn

20x Faster

without
deepstash

with
deepstash

with

deepstash

Access to 200,000+ ideas

Access to the mobile app

Unlimited idea saving & library

Unlimited history

Unlimited listening to ideas

Downloading & offline access

Personalized recommendations

Supercharge your mind with one idea per day

Enter your email and spend 1 minute every day to learn something new.

Email

I agree to receive email updates