# Github Corner

## Example

```svelte
<script lang="ts">
	import { Box } from '@foxui/all';
	import { GithubCorner } from '@foxui/all';
</script>

<Box class="not-prose relative min-h-24 w-full">
	<GithubCorner class="absolute right-0 top-0" href="https://github.com/flo-bit/ui-kit" />
	<div class="h-24"></div>
</Box>
```

## Documentation

## Usage

```svelte
<GithubCorner href="https://github.com/flo-bit/ui-kit" />
```

## API Reference

### GithubCorner
An animated GitHub corner ribbon link, typically placed in the top-right corner of a page.

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| href | `string` | `-` | The URL to the GitHub repository. (required) |
| target | `string` | `'_blank'` | The link target attribute. |
| class | `string` | `-` | Additional CSS classes to apply. |