Alert Avatar Bottom sheet Button Card Carousel Cards Checkbox Chip Circular button Compact date input Copy Block Critical banner Date input Date picker Divider Dropdown Icon button Image Ratios Inline Prompt Instruction List Item List Item - Button List Item - Checkbox List Item - Icon Button List Item - Navigation List Item - No Action List Item - Radio List Item - Switch Media Button When to usePlacementModal Money input Expressive Money Input Navigation option Nudge Password input Popover Progress Bar Progress Spinner Promo card Radio Screen loader Search input Section header Segmented control Select Snackbar Summary Switch Table Tabs Text area Text input Upload Upload input
Design at Wise Foundations Components AlertAvatarBottom sheetButtonCardCarousel CardsCheckboxChipCircular buttonCompact date inputCopy BlockCritical bannerDate inputDate pickerDividerDropdownIcon buttonImage RatiosInline PromptInstructionList ItemList Item - ButtonList Item - CheckboxList Item - Icon ButtonList Item - NavigationList Item - No ActionList Item - RadioList Item - SwitchMedia Button ModalMoney inputExpressive Money InputNavigation optionNudgePassword inputPopoverProgress Bar Progress SpinnerPromo cardRadioScreen loaderSearch inputSection headerSegmented controlSelectSnackbarSummarySwitchTableTabsText areaText inputUploadUpload inputPatterns Resources
Media Button

Our media button lets the user pause and stop moving content for more control and enhanced accessibility

An image of our media buttons
When to use

The media button allows users to pause and stop any content that starts moving automatically and moves for more than 5 seconds.

Our media button used for a light background
Our media button used for a dark background
Placement

The button should be positioned at the bottom right corner of the media.