Components
import { Button } from '@/components/ui/button'
const ButtonExtraSmallDemo = () => {
return <Button className='h-7 px-2 py-1 text-xs'>Extra Small</Button>
}
export default ButtonExtraSmallDemo
More examples
DefaultOpen page →
Button oneOpen page →
Button TwoOpen page →
Button ThreeOpen page →
Button Four Open page →
Button FiveOpen page →
Button LargeOpen page →
Button SmallOpen page →
Button DeleteOpen page →
Button Get StartedOpen page →
Button UpgradeOpen page →
Button CopyOpen page →
Button DownloadOpen page →
Button TrashOpen page →
Button BackOpen page →
Button LoadingOpen page →
Button Contact Open page →
Button PublishOpen page →
Button Copy LinkOpen page →
Button MessagesOpen page →
Button WarningOpen page →
Button SaveOpen page →
Button Approve n RejectOpen page →
Button NotificationsOpen page →
Button Click LoadingOpen page →
Button Link AvatarOpen page →
Button Copy OneOpen page →
Button SocialsOpen page →
Button Socials TitleOpen page →
Button BookmarksOpen page →
Button MenuOpen page →
Button Theme SwitcherOpen page →
Button New MessagesOpen page →
Source
Published
Similar components
Explore more
Part of ShadcnStudio — browse the full library on 21st.dev.