Button

1import { Button } from "@ecos/ui";
2
3<Button>Save Changes</Button>

1<Button>Save</Button>
2
3<Button variant="outline">Save</Button>
4
5<Button variant="text">Save</Button>

1<Button>Save</Button>
2
3<Button color="secondary">Continue</Button>
4
5<Button color="error">Delete</Button>

1<Button size="large">Large</Button>
2
3<Button>Default</Button>
4
5<Button size="small">Small</Button>
6
7<Button size="icon">✔</Button>

1import { Plus } from "lucide-react";
2
3<Button icon={<Plus />}>Add User</Button>
4
5<Button size="icon" aria-label="Add User">
6  <Plus />
7</Button>

1<Button loading>
2  Saving
3</Button>

1<Button disabled>
2  Save
3</Button>