IconButton

@oddapp/ui · Tier 1

Square button containing only an icon, requiring an accessible label.

Variants

import { IconButton } from '@oddapp/ui'
import { Settings, Trash2, X } from 'lucide-react'

<IconButton aria-label="Settings"><Settings /></IconButton>
<IconButton variant="ghost" aria-label="Close"><X /></IconButton>
<IconButton variant="destructive" aria-label="Delete"><Trash2 /></IconButton>

Sizes

import { IconButton } from '@oddapp/ui'
import { Settings } from 'lucide-react'

<IconButton size="sm" aria-label="Settings"><Settings /></IconButton>
<IconButton size="md" aria-label="Settings"><Settings /></IconButton>
<IconButton size="lg" aria-label="Settings"><Settings /></IconButton>