kit

Secondary action

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.

On Shell, Home, List, Record, Form, Stepped flow, Settings, Field result, Find, Reports, Calendar, Help, Unavailable, Issued document, Showcase

Secondary action

Back to booking

A reminder already went out today.

Source
@react.component
let make = () => {
  <>
    <KitReact.Roles.SecondaryAction>{React.string("Save draft")}</KitReact.Roles.SecondaryAction>
    {React.string(" ")}
    <KitReact.Roles.SecondaryAction icon=KitReact.Icons.iconArrowLeft href="#role-secondary-action">
      {React.string("Back to booking")}
    </KitReact.Roles.SecondaryAction>
    {React.string(" ")}
    <KitReact.Roles.ActionGroup secondary=[SecondaryAction({children: React.string("Send reminder"), state: KitReact.ActionState.Disabled({id: "send-reminder", words: [KitReact.Words.Text("A reminder already went out today.")]})})] />
  </>
}

Secondary action, submitting

Source
@react.component
let make = () => {
  <>
    <KitReact.Roles.SecondaryAction submitting=true>{React.string("Save draft")}</KitReact.Roles.SecondaryAction>
  </>
}