Semantic-ui: [UI] Plan Selector

[jlukic]

Overview

ui plans
A view for presenting choices between pricing plans for a website.

Content

• Plan: A group of plans can contain individual plan choices
• Features: A plan can contain a list of features

• Action: A plan can contain a button linking to a follow up action

  Types

• Vertical: A plan picker that is formatted vertically to show lists of options in a table

  Variations

• Size (Plans): A plan picker can vary in size

• Featured (Plan): A plan can be featured to show it is the emphasized plan choice
  

  Examples

https://proto.io/en/signup/
http://useqwitter.com/
http://demo.designwall.com/dw-simplex/?page_id=493
http://www.trunkclub.com/features

http://bootsnipp.com/snipps/pricing-table-example
http://bootsnipp.com/snipps/crowdfunding-grid

[confact]

So waiting for this!

[hason]

:+1:

[listepo]

+1

[avalanche1]

+1

[listepo]

http://codepen.io/alirezaaa/pen/rabbQG

[spaquet]

+1
I like this one https://proto.io/en/pricing/, really in the spirit of semantic

[sangyoo91]

When will we be able to see this?

[Un3qual]

+1 yes please

[lastnoob]

Is it coming?

[listepo]

http://codepen.io/j-w-v/pen/DIcJx

[liftM]

:+1:

[henwen]

+:100:

[Tusharsb]

+1

While Semantic team ships a 'plans' widget - can a combination of http://semantic-ui.com/views/card.html#buttons and http://semantic-ui.com/views/card.html#link-card prove useful? I will try.

[romanzipp]

I created an example with cards, labels and dividers:

https://codepen.io/romanzipp/pen/XKvGXz

[brainscript]

@romanzipp Looks awesome! :smile_cat:

[tridcatij]

@romanzipp Looks great! I've added .link class to the cards, so it more interactive with user

[basememara]

There's also this one: https://codepen.io/caiosantossp/pen/vNazJy

It would be great if there was built-in one in Semantic-UI though.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

[rlingineni]

I just made my own with a UI grid, Statistic and Segments. Very easy to implement.

https://codepen.io/rlingineni/pen/vRrpmq/