Button

Button composes Base UI's useRender and mergeProps with cva variants, renders Spinner as its loading indicator and marks itself with data-slot.

InstallationCopy Anchor Link

npx shadcn@latest add @kosori/button

ExampleCopy Anchor Link

The Example below is a registry:example item, built and validated by the same pipeline as Button. Its source is the file @kosori/button-example installs, so the preview and the install cannot drift.

import { Button } from '@/components/ui/button';

const ButtonExample = () => <Button>Button</Button>;

export default ButtonExample;

UsageCopy Anchor Link

import { Button } from '@/components/ui/button';

const ButtonDemo = () => <Button>Button</Button>;

VariantsCopy Anchor Link