Reactivesearch: Custom tag for ReactiveBase

Created on 19 Jul 2019  路  3Comments  路  Source: appbaseio/reactivesearch

Affected Projects
React / VueJS

Is your feature request related to a problem?
It is related to building proper Semantic HTML.
Sometimes the ReactiveBase component is not only used as a wrapper and also has a style/semantic function in the page, but there is no way to customize the rendered HTML tag, so the semantic is lost in some cases.

Describe the solution you'd like
Please provide a way to set a custom tag for the ReactiveBase component that would be inserted in the DOM when the component renders.

Currently

````vue

...


renders: html

...

````

With the proposed change

````vue

...


(notice the new *tag* prop) would render: html

...

````

Describe alternatives you've considered
N/A

Thank you!

enhancement

Most helpful comment

Added here, will be out in next release.

All 3 comments

@felubra This makes sense 馃挴

Instead of tag prop we can name the prop as. So the API would look like:

<ReactiveBase as="article">
...
</ReactiveBase>

@bietkul @siddharthlatest @lakhansamani Thoughts ?

I think we should implement it.

Added here, will be out in next release.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

tiagogm picture tiagogm  路  3Comments

mihalo picture mihalo  路  4Comments

coommark picture coommark  路  4Comments

ymzoughi picture ymzoughi  路  4Comments

carlopascual picture carlopascual  路  3Comments