kit

Tooltip

Built revision v17.10.0

React
Topics

Human support

Bring a missing role, layout, or state, or a rendering against the standard, to the session working on kit. Name the package and the entry.

Tooltip

Icon actions

A labelled action's shortcut
Source
@react.component
let make = () =>
  <>
    <details>
      <summary> {React.string("Icon actions")} </summary>
      <p>
        <KitReact.Roles.IconAction icon=KitReact.Icons.iconPencilSimple label="Edit" />
        {React.string(" ")}
        <KitReact.Roles.IconAction icon=KitReact.Icons.iconCopy label="Duplicate" />
        {React.string(" ")}
        <KitReact.Roles.IconAction icon=KitReact.Icons.iconPrinter label="Print" props={{ariaKeyshortcuts: "Control+P"}} />
      </p>
    </details>
    <details>
      <summary> {React.string("A labelled action's shortcut")} </summary>
      <KitReact.Roles.SecondaryAction props={{ariaKeyshortcuts: "Control+S"}}> {React.string("Save")} </KitReact.Roles.SecondaryAction>
    </details>
  </>