created:3/5/2021
updated:3/5/2021
loc
45
comments
62%

Template doc

You can use the document `template` property to reduce the amount of repetitive code. Click on the

button above to see how the document templates are created.

Mary

Controls

Name
Description
Default
Controls
children

button label

(string & (boolean | ReactChild | ReactFragment | ReactPortal | null))
default
type

Button type

buttonresetsubmit
button

A11y tests

 
id
description
avoid-inline-spacing

Ensure that text spacing set through style attributes can be adjusted with custom stylesheets...

button-name

Ensures buttons have discernible text...

color-contrast

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds...

nested-interactive

Ensure controls are not nested as they are not announced by screen readers...

Viewport

320px
375px
768px
1024px