# Button GitHub
> GitHub-style dark button with an inline Octocat mark and an optional star count.
- Author: Atelier UI
- License: MIT
- Page: https://chromotion.dev/en/components/button-github
- Site: Atelier UI (https://chromotion.dev)
## Install
```bash
npx shadcn@latest add https://chromotion.dev/r/button-github.json
```
Stack: React + TypeScript + Tailwind CSS v4, shadcn/ui conventions. `cn` comes from `@/lib/utils`.
## Dependencies
```bash
npm install lucide-react
```
## Usage
```tsx title="components/button-github-demo.tsx"
import { GithubButton } from "@/components/button-github"
export default function ButtonGithubDemo() {
return (
)
}
```
## Source
```tsx title="components/button-github.tsx"
import * as React from "react"
import { Star } from "lucide-react"
import { cn } from "@/lib/utils"
export interface GithubButtonProps extends React.ComponentProps<"a"> {
label?: string
stars?: number | string
}
export function GithubButton({ label = "Star on GitHub", stars, className, href = "https://github.com", ...props }: GithubButtonProps) {
return (
{label}
{stars !== undefined && (
{stars}
)}
)
}
```