Command

A command is used to show which key or combination of keys performs a given action.

Theming#

The Command component uses the SuiCommand key in the theme.

Default theme#

export const commandTheme = {
  baseStyle: {
    fontSize: 'xs',
    '[role=tooltip] > &': {
      ms: 1,
      _before: {
        content: '"•"',
        me: 1,
        fontSize: 'xs',
      },
    },
  },
}

Was this helpful?