design system: page header

[pirhoo]

The page header must have different slot:

• breadcrumb to replace the breadcrumb
• actions to replace the action buttons
• pagination to replace the pagination
• search to replace the search bar

And different props:

• filterable: boolean
• searchable: boolean
• searchPlaceholder: string
• searchQuery: string (model)
• paginable: boolean
• page: number (model)
• pageSize: number
• pageTotal: number
• pageRow: boolean
• noActionCreate: boolean
• noActionSettings: boolean

Events:

• update:searchQuery
• update:page
• toggleFilters
• toggleSettings
• toggleCreate

[pirhoo]

Component is here:

https://icij.github.io/datashare-client/?path=/docs/components-pageheader-pageheader--docs

We will probably continue to improve it to work with all pages.

[Soliine]

It's awesome!

Should we add the https://icij.github.io/datashare-client/?path=/docs/components-button-buttonadd--docs too?

[pirhoo]

The "add" button is there already (as an option, if we pass the URL of the add form) :)