regex101: PCRE (Legacy) Match Workspace

<Buttonthe literal text <Button (case sensitive)

Negated Character Class[^>]*

*matches any number of characters outside the set below:

>the literal > (62₁₀ / 76₈ / 3E₁₆)

Character Class[\n\s]+

+matches at least one character from the set below:

\na line-feed (newline) character (ASCII 10)

\sany whitespace character

classNamethe literal text className (case sensitive)

Negated Character Class[^>]*

*matches any number of characters outside the set below:

>the literal > (62₁₀ / 76₈ / 3E₁₆)

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

m modifier: multiline. Causes ^ and $ to match the start and end of each line, not only the start and end of the string

Search reference

Regular Expression

<Button[^>]*[\n\s]+className[^>]*>

New

<Button className={style.red} />

<Button className={style.red}> </Button>

<Button
	palette="primary" 
	className={style.blue} 
/>

<Button
	palette="primary"
/>

<Button
	palette="primary" 
	className={style.blue} 
>
</Button>

<Button
	palette="primary" 
	condition={ value => 5 ? props1 : props2 }
	className={style.blue} 
/>

<Button
	palette="primary" 
	condition={ value <= 5 ? props1 : props2 }
	className={style.blue} 
/>

<Button
	palette="primary" 
	className={style.blue} 
	condition={ value => 5 ? props1 : props2 }
/>