logo

8bitcn/ui

DocsComponentsBlocksThemesSponsors
Sections
  • Get Started
  • Components
  • Blocks
Getting Started
Blocks
    Components
    • Accordion
    • Alert Dialog
    • Alert
    • Avatar
    • Badge
    • Breadcrumb
    • Button
    • Calendar
    • Card
    • Carousel
    • Chart
    • Checkbox
    • Collapsible
    • Combo Box
    • Command
    • Context Menu
    • Date Picker
    • Dialog
    • Drawer
    • Dropdown Menu
    • Empty
    • Enemy Health Display
    • Health Bar
    • Hover Card
    • Input OTP
    • Input
    • Item
    • Kbd
    • Label
    • Mana Bar
    • Menubar
    • Navigation Menu
    • Pagination
    • Popover
    • Progress
    • Radio Group
    • Resizable
    • Retro Mode Switcher
    • Scroll Area
    • Select
    • Separator
    • Sheet
    • Sidebar
    • Skeleton
    • Slider
    • Spinner
    • Switch
    • Table
    • Tabs
    • Textarea
    • Theme Selector
    • Toast
    • Toggle Group
    • Toggle
    • Tooltip
    • XP Bar

    Button

    PreviousNext

    Displays a clickable 8-bit button with retro borders, variants, sizes, and font styles.

    BreadcrumbCalendar

    On This Page

    ExamplesVariantsSizesFontsInstallationUsageProps
    SponsorsSponsored by
    Shadcn Blocks

    Shadcn Blocks

    The ultimate block set for Shadcn

    Shadcn Studio

    Shadcn Studio

    Shadcn blocks & templates

    Shadcn UI Kit

    Shadcn UI Kit

    Admin dashboards, blocks, components & examples

    Built by OrcDev and Contributors. The source code is available on GitHub.

    8-bit button component

    Open in v0

    Examples


    Variants

    Button variants

    Open in v0

    Sizes

    Button sizes

    Open in v0

    Fonts

    Button fonts

    Open in v0

    Installation


    pnpm dlx shadcn@latest add @8bitcn/button

    Usage


    Props


    PropTypeDefault
    variant"default" | "secondary" | "destructive" | "outline" | "ghost" | "link""default"
    size"default" | "sm" | "lg" | "icon""default"
    font"retro" | "normal""retro"
    asChildbooleanfalse