LiveAntd.Components.PageHeader (live_antd v0.1.0)

API

  • [ ] avatar: Avatar next to the title bar AvatarProps -
  • [ ] backIcon: Custom back icon, if false the back icon will not be displayed ReactNode | boolean <ArrowLeft />
  • [x] breadcrumb: Breadcrumb configuration Breadcrumb -
  • [x] extra: Operating area, at the end of the line of the title line ReactNode -
  • [ ] footer: PageHeader's footer, generally used to render TabBar ReactNode -
  • [x] ghost: PageHeader type, will change background color boolean true
  • [x] subTitle: Custom subtitle text ReactNode -
  • [ ] tags: Tag list next to title Tag[] | Tag -
  • [x] title: Custom title text ReactNode -
  • [ ] onBack: Back icon click event () => void

Example

<PageHeader

title={{@title}}
subTitle={{@sub_title}}
breadcrumb={{@routes}}

/>

Properties

  • title :string
  • breadcrumb :any
  • subTitle :string
  • ghost :boolean
  • extra :string

Link to this section Summary

Functions

Callback implementation for Phoenix.LiveComponent.mount/1.

Callback implementation for Phoenix.LiveComponent.render/1.

Link to this section Functions

Callback implementation for Phoenix.LiveComponent.mount/1.

Link to this function

render(assigns)

Callback implementation for Phoenix.LiveComponent.render/1.