design system
BoM Daily design system
The component library for Book of Mormon: 365 Days. Built on Radix primitives and the Savi token system, adapted to Savi's tone and emphasis model, and touch-optimized as a first-class directive. Every control clears a 44px tap target by default.
Foundations
Components
App barsTop + bottom nav, mobile-firstButtontone × emphasis × sizeIconButtonSquare, icon-only, labeledBadgeStatic status labelChipSelectable, removable tagInputLabel, hint, error, iconsSelectRadix SelectCheckboxRadix CheckboxRadioGroupRadix RadioGroupSwitchRadix SwitchSegmented controlSingle-select, iOS-styleSliderRadix Slider, touch thumbAccordionRadix AccordionDialogSheet on mobile, modal on desktopDrawerEdge sheet: bottom, left, rightToastTransient message, swipe-dismissDropdown menuRadix menu, overflow actionsPopoverRadix Popover, tap-friendlyTooltipRadix TooltipTabsRadix TabsAvatarRadix AvatarThemed imageLight/dark illustration swapProgressRadix ProgressSkeletonLoading placeholdersSpinnerLoading indicator