Regex: Select anything in between

Question

I'm using my custom button component like this -> <h-button text primary outline>. I want to write a regex that would let me select every button that has one or many props. I can easily select everything in the button tag using -> <h-button(.*?)> regex, but I don't know how to select only a specific word or two.

Example:

Let's say I have 3 buttons

<h-button text primary outline>
<h-button primary text outline>
<h-button text success outline>

And I want to find every button that has text and primary in it.

Expected result:

Regex should find these two buttons

<h-button text primary outline>
<h-button primary text outline>

Chalda Pnuzig · Accepted Answer · 2021-07-08 11:38:10Z

3

Try this:

/<h-button .*?(text .*primary|primary .*text).*?>/

https://regex101.com/r/3POnQX/1

answered Jul 8, 2021 at 11:38

Chalda Pnuzig

3964 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

evolutionxbox Over a year ago

Another visualisation

Collectives™ on Stack Overflow

Regex: Select anything in between

Example:

Expected result:

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Example:

Expected result:

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related