Back to Component Browser

Button

Quartz

lib/quartz/components/Button/index.ts

Preview

Import

import { Button } from '@/lib/quartz';

Props (9)

Name	Type	Required	Default	Description
children	ReactNode	required	—	The content of the `<Button>`. Typically text for what the button does.
variant	enum	optional	secondary	The styling variant to apply. Changes only visual appearance.
size	enum	optional	medium	The size of the button. Changes only visual appearance.
startSlot	ReactNode	optional	—	A slot to center align another piece of content before the button contents. Typically an SVG icon rendered as a react component.
endSlot	ReactNode	optional	—	A slot to center align another piece of content after the button contents. Typically an SVG icon rendered as a react component.
loading	boolean	optional	—	Whether a loading state is active. Also disables the button from receiving additional clicks....
noPadding	boolean	optional	—	Removes padding.
ref	Ref<HTMLButtonElement>	optional	—	Allows getting a ref to the component instance....
key	Key	optional	—	—

Usage

Not used in any projects yet.