Skip to content

Latest commit

 

History

History
57 lines (41 loc) · 1.39 KB

File metadata and controls

57 lines (41 loc) · 1.39 KB
name menu
Button
Components

import { Playground, PropsTable } from 'docz' import { Button } from './Button'

Button

Buttons make common actions more obvious and help users more easily perform them. Buttons use labels and sometimes icons to communicate the action that will occur when the user touches them.

Best practices

  • Group buttons logically into sets based on usage and importance.
  • Ensure that button actions are clear and consistent.
  • The main action of a group set can be a primary button.
  • Select a single button variation and do not mix them.

Properties

Basic usage

Click me

With different sizes

Click me Click me Click me

With different colors

Click me Click me Click me Click me Click me

Outlined

Click me Click me Click me Click me Click me