# Marker

## Pure Owl component

```js
import { Marker } from "@thebase/ui";
```

```base-ui
<div style="max-width: 28rem">
  <Marker>
    <Icon name="'git-branch'" class="'me-1'"/>
    Switched to a new branch
  </Marker>
</div>
```

| Component | Prop | Type | Notes |
| --- | --- | --- | --- |
| `Marker` | `className` | `String` | optional |

See [Pure Owl Components](/examples/blocks.html#/docs/guide/owl-components) for how to load `@base/owl` and `dist/baseui.templates.xml`.

## Static component

```base-ui
<span b-ui="marker">Beta</span>
<span b-ui="marker" b-att-variant="destructive">Issue</span>
```