Toggles & Switches

Practical Examples Adapted From Codrops Playground Pieces.

Cart Popover

Adapted from Checkout Concepts by Mary Lou

Your OrderPrice
Total $56.20
Imitations Mark Lanegan$9.90
In The Silence Ásgeir$5.50
Out Of Exile Audioslave$11.00
London Frank Sinatra$19.90
Cure For Pain Morphine$9.90

Sexy Dialog Box

Adapted from Dialog Effects by Mary Lou

Herroe, I'm your new bestest dialog box friend

Accordions

Adapted from Nested Accordion by Mary Lou

Responsive Tabs

Adapted From Responsive Full-Width Tabs by Mary Lou

img01

Sushi Gumbo Beetroot

Sushi gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato.

img02

Pea Sprouts Fava Soup

Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea.

img03

Turnip Broccoli Sashimi

Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip.

img04

Asparagus Cucumber Cake

Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd.

img05

Magis Kohlrabi Gourd

Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori. Grape wattle seed kombu beetroot horseradish carrot squash brussels sprout chard.

img06

Ricebean Rutabaga

Celery quandong swiss chard chicory earthnut pea potato. Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori.

img02

Noodle Curry

Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea.Sushi gumbo beet greens corn soko endive gumbo gourd.

img06

Leek Wasabi

Sushi gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato.

img01

Green Tofu Wrap

Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut wasabi tofu broccoli mixture soup.

img03

Tomato Cucumber Curd

Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd.

img01

Mushroom Green

Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori. Grape wattle seed kombu beetroot horseradish carrot squash brussels sprout chard.

img04

Swiss Celery Chard

Celery quandong swiss chard chicory earthnut pea potato. Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori.

img02

Radish Tomato

Catsear cauliflower garbanzo yarrow salsify chicory garlic bell pepper napa cabbage lettuce tomato kale arugula melon sierra leone bologi rutabaga tigernut.

img06

Fennel Wasabi

Sea lettuce gumbo grape kale kombu cauliflower salsify kohlrabi okra sea lettuce broccoli celery lotus root carrot winter purslane turnip greens garlic.

img01

Red Tofu Wrap

Green horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut wasabi tofu broccoli mixture soup.

Grid/List Switcher

By Digital Surgeons

Fork me on GitHub