# Modifier Glossary

A glossary of modifiers used by Willow components and links to examples

`--active` : identifies the current item or page

- [Willow Breadcrumbs](./components/breadcrumbs)
- [Willow Primary Nav](./components/primary-nav)

`--close` : displays a close icon for global alerts and dialogs

- [Willow Icons](./components/icons)

`--close-inverse` : same as `--close` but in an inverse color

- [Willow Icons](./components/icons)

`--cta`: use to emphasize a button by making it larger and the primary call to action color

- [Willow Button](./components/button)

`--error` : displays an exclamation point icon to signify an error

- [Willow Icons](./components/icons)

`--error-inverse` : same as `--error` but in an inverse color

- [Willow Icons](./components/icons)

`--ghost`: use for deemphasized actions to create a button outline that is filled with color on hover, focus and active actions

- [Willow Button](./components/button)

`--ghost-inverse`: use for deemphasized actions to create a button outline that is filled with color on hover, focus and active actions

- [Willow Button](./components/button)

`--info` : displays an information or i symbol to mark something for consideration

- [Willow Icons](./components/icons)

`--info-inverse` : same as `--info` but in an inverse color

- [Willow Icons](./components/icons)

`--inline`: use to restrict a button's width based on its content

- [Willow Button](./components/button)

`--menu-close` : displays a close icon that should only be used on menus

- [Willow Icons](./components/icons)

`--menu-close-inverse` : same as `--menu-close` but in an inverse color

- [Willow Icons](./components/icons)

`--menu` : displays a collapsed menu icon often called a hamburger

- [Willow Icons](./components/icons)

`--menu-inverse` : same as `--menu` but in an inverse color

- [Willow Icons](./components/icons)

`--negative`: signifies a negative actions or feedback

- [Willow Button](./components/button)
- [Willow Global Alert](./components/global-alert)

`--positive`: signifies a positive actions or feedback

- [Willow Button](./components/button)
- [Willow Global Alert](./components/global-alert)

`--primary` : calls attention to a primary or common action

- [Willow Button](./components/button)

`--sr-only` : hides content

- [Willow Banner](./components/banner)
- [Willow Dialog](./components/dialog)
- [Willow Global Alert](./components/global-alert)
- [Willow Modal](./components/modal)
- [Willow Icons](./components/icons)

`--success` : displays a checkmark to signify success or completion

- [Willow Icons](./components/icons)

`--success-inverse` : same as `--success` but in an inverse color

- [Willow Icons](./components/icons)

`--warning`: signifies a warning feedback or displays a yield symbol to signify something that needs attention

- [Willow Global Alert](./components/global-alert)
- [Willow Icons](./components/icons)

`--warning-inverse` : displays a yield symbol to signify something that needs attention but in an inverse color

- [Willow Icons](./components/icons)