Button

Button components to render button.

Example

Button

Hello world

import { UiButton } from '@altdot/extension';

export default function Command() {
  return (
    <UiButton>Hello world</UiButton>
  );
}

Button secondary

Hello world

import { UiButton } from '@altdot/extension';

export default function Command() {
  return (
    <UiButton variant="secondary">Hello world</UiButton>
  );
}

Button icon

import { UiButton } from '@altdot/extension';

export default function Command() {
  return (
    <UiButton size="icon">
      <UiIcons.Search />
    </UiButton>
  );
}

Props

Name	Type	Description
variant	'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link'	The button’s variant. Default to default
size	'default' | 'sm' | 'lg' | 'icon' | 'icon-sm'	The button’s size. Default to default