# Feature Component

The feature component is designed to make feature checking a natural part of the application

### Show when a flag is on

```jsx
<Feature feature-key="firstFeature">
  <p>This feature can be turned on or off.</p>
</Feature>
```

### Show if all of the listed features are on

```jsx
<Feature :feature-keys="['firstFeature', 'secondFeature']">
  <p>ALL the provided feature keys are TRUE.</p>
</Feature>
```

### Show if at least one of the listed features is on

```jsx
<Feature :feature-keys="['firstFeature', 'secondFeature']" requirement="any">
  <p>AT LEAST ONE the provided feature keys is TRUE.</p>
</Feature>
```

### Show if none of the listed features are on

```jsx
<Feature :feature-keys="['firstFeature', 'secondFeature']" requirement="all" :negate="true">
  <p>NONE of the provided feature keys is TRUE.</p>
</Feature>
```