Display UI
Compound Components

Button

A Button Component .

Loading...

Installation

npx shadcn@latest add https://display-ui.vercel.app/r/Button

Usage

import { Button } from "@/components/display-ui/Button"
<Button>Button</Button>

API

Button Props

AttributeTypeDescriptionDefault
childrenReactNode | ReactNode[]The contents of the component . Usually the name of button-
classNameReactNode | ReactNode[]The extra classes for user modification .-
variantsolid | outline | ghost | linkThe button appearance style.solid
sizesm | md | lgThe button size on viewport.md
radiussm | md | lg | xl | fullThe button radius on viewport.md

Examples

Default

Outline

Ghost

Credits

This component is inspired by Rehman Kalawant Design Shared On Github.

On this page