Implement UI components

[nathanielw]

From the Material Design guidelines:

• [x] Bottom sheet
• [x] Button
• [x] Floating Action Button
• [x] Card
• [x] Dialog [TODO: Add default buttons]
• [x] Divider
• [ ] Grids
• [ ] Lists
• [ ] List controls
• [x] Menus
• [ ] Pickers
• [x] Progress
• [x] Sliders
• [x] Snackbars
• [x] Toasts
• [ ] Subheaders
• [x] Switches
• [x] Checkboxes
• [x] Radio buttons
• [x] Tabs
• [x] Text fields
• [x] Tooltips

Other:

• [x] Progress/Loading spinner
• [x] Text/label (this should probably allow choosing the font weight)
• [ ] Navigation drawer/Sidebar (described in the Material Design on Android Checklist. Would be very similar to the bottom sheet)
• [x] Plain coloured rectangle
• [ ] Dropdown list
• [x] Keyboard

[timkrins]

This is a fantastic collection, many thanks.

I can think of a few more items that would be super awesome to include, forgive me if any of them are silly ideas, I've only just started using Pencil.

Loading Spinner (just the static image) Text (rather than using text from another collection) Sidebar Plain Colored area

[nathanielw]

Thanks Tim, all great ideas - I should be able to get a couple of them done over the weekend.

[tobilau]

Great Work, Nathaniel! Can you add the semi-transparent background which can be put behind dialogs and the navigation drawer?

[nathanielw]

@tobilau Added!

[tobilau]

@nathanielw Thanks!

[IronBlossom]

Great work. And Im loving Pencil as well, lite

[kyhule]

@nathanielw Have you considered adding a keyboard? I am new to Pencil but if I get some time I will try and figure out how to create it myself this weekend and submit a pull request. Thanks for sharing!

[nathanielw]

@kyhule A keyboard would be great! If you don't manage to put it together let me know and I'll definitely build the element when I next get the chance.

[kyhule]

@nathanielw So I think the keyboard may been a bit too complicated for my first attempt at getting my feet wet with Pencil Stencils. I think I will let you handle that. Definitely gives me more of an appreciation for sharing these stencils with us. Maybe I will try one of the more simple components from your list.

[nathanielw]

@kyhule All good. I'll hopefully get it added in the next week or so.

[dukex]

Thanks!

[vniche]

Those are some great assets you're prividing Nathaniel, congrats!

[nilshamerlinck]

Thanks Nathaniel! Do you consider adding a tablet stencil?

[lesterzone]

Yeah @nilshamerlinck I'm looking for a tablet stencil too. Thanks @nathanielw

[AurelienKun]

Thank's a lot for this amazing collection ! Very useful ! I've just discovered Pencil to make some wireframe about an android project and i found this collection ! May i ask to add some icons like the three dot menu, menu in the Action Bar, a generic contact face, phone, internet etc... and maybe a placeholder for image (to avoid other collection) ? ^^ EDIT i did not see your amazing icons collection great job @nathanielw !!!!

[BrunoBieri]

@nathanielw many thanks for this high quality collection! How was your process to initially create it?