Regular Expressions 101

<Buttonthe literal text <Button (case sensitive)

Negated Character Class[^>]*

*matches any number of characters outside the set below:

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

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

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

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

Detailed match information will be displayed here automatically.

Search reference

Regular Expression

<Button[^>]*className[^>]*>

New

<Button text="black" className="bg"></Button>
<Button text='blue'></Button>
<Avatar className='clr' />
<Button text="black" className="bg"></Button>
<Avatar palette="primary" className="avatar"></Avatar>
<Button
    text='white'
    className="styles"
>
</Button>