# API Documentation
<a name="Generic"></a>
## Generic
Mixin which allows a component to support a "generic" style: a minimalist
style that can easily be removed to reset its visual appearance to a
baseline state.

By default, a component should provide a minimal visual presentation that
allows the component to function. However, the more styling the component
provides by default, the harder it becomes to get the component to fit in
in other settings. Each CSS rule has to be overridden. Worse, new CSS rules
added to the default style won't be overridden by default, making it hard
to know whether a new version of a component will still look okay.

As a compromise, the mixin defines a `generic` attribute. This attribute is
normally set by default, and styles can be written that apply only when the
generic attribute is set. This allows the construction of CSS rules that
will only apply to generic components like:

    :host([generic=""]) {
      ... Generic appearance defined here ...
    }

This makes it easy to remove all default styling — set the `generic`
attribute to false, and all default styling will be removed.

  **Kind**: global class
<a name="Generic+generic"></a>
### generic.generic : <code>Boolean</code>
True if the component would like to receive generic styling.

This property is true by default — set it to false to turn off all
generic styles. This makes it easier to apply custom styling; you won't
have to explicitly override styling you don't want.

  **Kind**: instance property of <code>[Generic](#Generic)</code>
**Default**: <code>true</code>