Button

import { Button } from "avishka-ui";
 
function Button() {
  return <Button>Button</Button>;
}
 
export default Button;

import { Button } from "avishka-ui";
 
function Button() {
  return <Button variant="scondary">Button</Button>;
}
 
export default Button;

import { Button } from "avishka-ui";
 
function Button() {
  return <Button variant="danger">Button</Button>;
}
 
export default Button;

import { Button } from "avishka-ui";
 
function Button() {
  return <Button variant="outline">Outline</Button>;
}
 
export default Button;

import { Button } from "avishka-ui";
 
function Button() {
  return <Button variant="ghost">Ghost</Button>;
}
 
export default Button;

import { Button } from "avishka-ui";
 
function Button() {
  return (
    <Button>
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="24"
        height="24"
        viewBox="0 0 24 24"
        fill="none"
        stroke="currentColor"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"
        className="lucide lucide-plus w-4 h-4"
      >
        <path d="M5 12h14" />
        <path d="M12 5v14" />
      </svg>
      add post
    </Button>
  );
}
 
export default Button;

import { Button } from "avishka-ui";
 
function Button() {
  return <Button loading={true}>saving</Button>;
}
 
export default Button;

import { Button } from "avishka-ui";
 
function Button() {
  return (
    <Button loading={true} disabled={true}>
      saving
    </Button>
  );
}
 
export default Button;