Button
Native buttons receive the scoped base appearance. Component variants are opt-in presentation classes using the mr-button--* namespace.
Use mr-button--outlined for an outlined button and combine it with a color modifier such as mr-button--warning when needed.
Example usage
<button>Default</button>
<button class="mr-button--outlined">Default outlined</button>
<button class="mr-button--outlined mr-button--secondary">Secondary</button>
<button class="mr-button--outlined mr-button--positive">Positive</button>
<button class="mr-button--outlined mr-button--negative">Negative</button>
<button class="mr-button--outlined mr-button--warning">Warning</button>
<button class="mr-button--outlined mr-button--info">Info</button>
<button class="mr-button--outlined mr-button--help">Help</button>