Cedar

Philosophy

Learn how to start using Cedar components with handy onboarding guides. View Designer Guide View Developer Guide

Principles

• These principles are meant to give us a shared vocabulary for translating the brand into the digital experiences and products we create
• Each principle can be used as a filter to make choices and inform the digital expression
• from content and interface to micro-interactions and motion
• They will help us remain focused on the things that matter for our customers, are differentiating for REI, and result in experiences that help people do the things they love.

Components

In our catalogue (27)

• Accordionhttps://cedar.rei.com/components/accordion
• Alerthttps://cedar.rei.com/components/banner
• Breadcrumbshttps://cedar.rei.com/components/breadcrumb
• Buttonhttps://cedar.rei.com/components/button
• Cardhttps://cedar.rei.com/components/card
• Carouselhttps://cedar.rei.com/components/filmstrip
• Checkboxhttps://cedar.rei.com/components/checkbox
• Fieldsethttps://cedar.rei.com/components/form-group
• Iconhttps://cedar.rei.com/components/icon
• Imagehttps://cedar.rei.com/components/image
• Linkhttps://cedar.rei.com/components/link
• Listhttps://cedar.rei.com/components/list
• Modalhttps://cedar.rei.com/components/modal
• Paginationhttps://cedar.rei.com/components/pagination
• Popoverhttps://cedar.rei.com/components/popover
• Quotehttps://cedar.rei.com/components/quote
• Radio buttonhttps://cedar.rei.com/components/radio-button
• Ratinghttps://cedar.rei.com/components/rating
• Segmented controlhttps://cedar.rei.com/components/toggle-button
• Selecthttps://cedar.rei.com/components/select
• Skeletonhttps://cedar.rei.com/components/skeleton
• Tablehttps://cedar.rei.com/components/table
• Tabshttps://cedar.rei.com/components/tab
• Text inputhttps://cedar.rei.com/components/input
• Toasthttps://cedar.rei.com/components/toast
• Togglehttps://cedar.rei.com/components/switch
• Tooltiphttps://cedar.rei.com/components/tooltip