Mozilla Protocol
16.1.0
Button: Size Medium
full view
LTR
:
RTL
:
Notes
HTML
A medium button.
<
button
class
=
"mzp-c-button mzp-t-md"
type
=
"button"
>
Medium Button
</
button
>
documentation
Fundamentals
Design Principles
Brand Themes
Typography
Color
Design Tokens
Usage
Overview
Protocol CSS
Contributing
Overview
Naming Convention
CSS Guide
404
components
Article
Basic Elements
Blockquote
Details
Headings
Links
Lists
Paragraphs
Tables
Billboard
Branding
Logo
Wordmark
Zap
Breadcrumb
Button
Call Out
Card
Compact Call Out
Details Component
Download Button
Emphasis Box
Feature Card
Footer
Footer
Example Basic
Forms
Input
Select
Checkboxes
Radio Buttons
Textarea
Field Notes
Titles
Field
Choices
Error Messages
Error List
Header and Footer
Field Set
Button Container
Example Form
Hero
Language Switcher
Layout
Content Container
Columns
Card Layout
Main With Sidebar
Main With Sidebar
Example Sidebar Menu
Menu List
Modal
Navigation
Navigation
Menu
Menu Item
Newsletter
Notification Bar
Picto
Picto Card
Section Heading
Sidebar Menu
Split
Sticky Promo
Video
Information
Built on:
Apr 18, 2023
Back
Links Variants
Default
Call To Action
Lists Variants
Default
Inline
Logo Variants
Default
Centered
Centered On Mobile
Products
Sizes
Wordmark Variants
Default
Centered
Centered On Mobile
Products
Sizes
Zap Variants
Default
All Styles
Button Variants
Primary
Primary Dark
Secondary
Secondary Dark
Product
Product Secondary
Product Secondary Dark
Neutral
Neutral Dark
Size Small
Size Medium
Size Large
Size Extra Large
Disabled
Call Out Variants
Default
Branded
Dark Theme
Card Variants
Overview
Extra Small
Small
Medium
Large
Dark Theme
Compact Call Out Variants
Default
Branded
Dark Theme
Details Component Variants
Default
Custom
Download Button Variants
Default
Secondary
Feature Card Variants
Default
Left Half
Right Half
Left Third
Right Third
Input Variants
Text
Date
Email
Placeholder
Password
File
Search
Disabled
Select Variants
Default
Disabled
Button Container Variants
Default
End Aligned
Center Aligned
Stretched
Hero Variants
Default
With Image
With Image Reversed
Branded
Dark
Content Container Variants
Default
Small Container
Medium Container
Large Container
Extra Large Container
Columns Variants
Overview
Two
Three
Four
Card Layout Variants
Overview
Half
Third
Quarter
Hero
Main With Sidebar Variants
Default
Sidebar Right
Menu List Variants
Default
Download
Navigation Variants
Default
Firefox
Newsletter Variants
Default
Errors
Success
Notification Bar Variants
Default
Success
Warning
Error
Click
Scripted
Sticky
Picto Variants
Default
Centered
Side
Picto Card Variants
Default
Compact
Split Variants
Default
Reversed
Narrow Body
Wide Body
Background
Media Overflow
Constrained Media
Pop Out Media
Body Alignment
Media Alignment
Sticky Promo Variants
Default
Dark Theme
