AsideHeader

AsideHeader is part of the Containers set, imported from @jcsoftdev/ui/containers.

Import

import { AsideHeader } from "@jcsoftdev/ui/containers";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/containers/aside.

Usage

<AsideHeader>
  <>
          <AsideHeader title="Pending" action={<a href="#all">View all</a>} />
          <Note>Nothing pending.</Note>
        </>
</AsideHeader>

Props

Prop	Type	Default	Description
title *	ReactNode
action	ReactNode		End slot, usually a link.

* marks a required prop.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

Storybook stories

• Default
• Custom Label
• Spanish

Source

packages/ui/src/containers/aside/aside.tsx