Button
Equivalent to daisyUI's button.
Sara's version shows a loading feedback when it's handling an async function.
IconButton
Similar to Button but for icons.
Example
Example.svelte
<script>
import { Button } from "saraui"
async function doSomethingAsync() {
...
}
</script>
<Button color="primary" onClick={doSomethingAsync}>
Async action
</Button>Props
type?:
"button" | "submit" | "reset"
color?:
"primary" | "secondary" | "accent" | "neutral" | "info" | "success" | "warning" | "error"
size?:
"xs" | "sm" | "md" | "lg"
modifier?:
"ghost" | "glass" | "outline" | "link"
isDisabled?:
boolean
isLoading?:
boolean
onClick?:
(Event) => void | (Event) => Promise<void>
(Button) width?:
any posible fixed width value from Tailwind's default config
Check Tailwind's width values(IconButton) tooltip:
string
(IconButton) shape?:
"circle" | "square"