PatAlcala9/fwt
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Edited button component

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-08-26 16:23:47 +08:00
parent 3905923985
commit d0652e52a5
2 changed files with 20 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/builtin-components/Button/Button.tsx
View file

@ -2,22 +2,25 @@ import './Button.sass'
import { Show } from 'solid-js'
interface Props {
label?: string;
to?: string;
onClick?: () => void;
label?: string
to?: string
onClick?: () => void
}
export default (props: Props) => {
return
<>
<Show when={props.to}>
<a href={props.to} aria-label={props.label}>
<button class="button">{props.label || 'Click Me!'}</button>
</a>
</Show>
return (
<>
<Show when={props.to}>
<a href={props.to} aria-label={props.label}>
<button class="button">{props.label || 'Click Me!'}</button>
</a>
</Show>
<Show when={!props.to}>
<button class="button" onClick={props.onClick}>{props.label || 'Click Me!'}</button>
</Show>
</>
}
<Show when={!props.to}>
<button class="button" onClick={props.onClick}>
{props.label || 'Click Me!'}
</button>
</Show>
</>
)
}