Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add headerTemplate property to TabPanel on TabView #1955

Closed
mertsincan opened this issue Apr 13, 2021 · 4 comments
Closed

Add headerTemplate property to TabPanel on TabView #1955

mertsincan opened this issue Apr 13, 2021 · 4 comments
Assignees
Labels
Type: New Feature Issue contains a new feature or new component request
Milestone

Comments

@mertsincan
Copy link
Member

mertsincan commented Apr 13, 2021

template: (options) => {
    // options.className: Style class of the default header element.
    // options.titleClassName: Style class of the title element.
    // options.onClick: Click event for the header element.
    // options.leftIconElement: Default left icon element created by the component.
    // options.titleElement: Default title element created by the component.
    // options.rightIconElement: Default right icon element created by the component.
    // options.element: Default element created by the component.
    // options.props: component props.
    // options.index: The index of tab.
    // options.selected: Whether the panel is selected.
    // options.ariaControls: The value of aria-controls property.
}
@mertsincan mertsincan self-assigned this Apr 13, 2021
@mertsincan mertsincan added this to the 6.2.2 milestone Apr 13, 2021
@mertsincan mertsincan added the Type: New Feature Issue contains a new feature or new component request label Apr 13, 2021
mertsincan added a commit that referenced this issue Apr 20, 2021
@mertsincan mertsincan changed the title Add headerTemplate property to TabPanel Add headerTemplate property to TabPanel on TabView Apr 20, 2021
@ghost
Copy link

ghost commented Oct 19, 2021

Hi, can you please provide an example on how to use this in React? The documentation is not clear on the implementation and passing an object to the headerTemplate is giving an error.

@dan83g
Copy link

dan83g commented Nov 16, 2021

Hi, can you please provide an example on how to use this in React?

@ShwethShetty
Copy link

Can anyone provide an example?

@mertsincan
Copy link
Member Author

Thanks a lot for the feedback! I'll add a new showcase demo related to this.

Exp; https://codesandbox.io/s/y8jkp

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: New Feature Issue contains a new feature or new component request
Projects
None yet
Development

No branches or pull requests

3 participants