Skip to content
Sulmu UI

Back Button

BackButton sits to the left of the page-level Tabs. Its label is the place it goes back to: “Back”, “Admin”, “Contacts”.

import { BackButton } from '@beyul/sulmu-ui'

Source · Figma

Examples

Section titled “Examples”
import { BackButton } from '@beyul/sulmu-ui'


export default function Example() {
  return <BackButton onClick={() => history.back()}>Admin</BackButton>
}

Props

Section titled “Props”
PropTypeDefaultDescription
asChildboolean-Use the provided child element as the default rendered element, combining their props and behavior.

BackButton also accepts every button attribute.

Usage notes

Section titled “Usage notes”
  • It is a <button type="button"> by default.
  • With asChild the child element (for example a router link) is rendered with the button’s styles. In that case the chevron is not added: the child provides all of the content.