import {Fab} from "@qinetik/anique/fab";
import {Size} from "@qinetik/anique/theme";
import {Icon} from "@qinetik/anique/icon";
import {Row} from "@qinetik/anique/row";
import Menu from "../../../../solid/icons/Menu";
export default function FabExample() {
return (
<Row gap={"2em"}>
<Fab size={Size.Small}>
<Icon>
<Menu/>
</Icon>
</Fab>
<Fab size={Size.Medium}>
<Icon>
<Menu/>
</Icon>
</Fab>
<Fab size={Size.Large}>
<Icon>
<Menu/>
</Icon>
</Fab>
</Row>
)
}
Fab
Extended Fab
Extended Me
Extended Me
Extended Me
import {Row} from "@qinetik/anique/row";
import {ExtendedFab} from "@qinetik/anique/fab";
import {Size} from "@qinetik/anique/theme";
import {Icon} from "@qinetik/anique/icon";
import Menu from "../../../../solid/icons/Menu";
import {Text} from "@qinetik/anique/text";
export default function ExtendedFabExample() {
return (
<Row gap={"2em"}>
<ExtendedFab size={Size.Small}>
<Icon>
<Menu/>
</Icon>
<Text>
Extended Me
</Text>
</ExtendedFab>
<ExtendedFab size={Size.Medium}>
<Icon>
<Menu/>
</Icon>
<Text>
Extended Me
</Text>
</ExtendedFab>
<ExtendedFab size={Size.Large}>
<Icon>
<Menu/>
</Icon>
<Text>
Extended Me
</Text>
</ExtendedFab>
</Row>
)
}