Button

Usage of Button Component

Primary Variant

<Button
variation="primary"
label={"Primary"}
type="button"
icon="MyLocation"
isSuffix={false}
isDisabled={false}
/>

Secondary Variant

<Button
variation="secondary"
label={"Secondary"}
type="button"
icon="MyLocation"
isSuffix={false}
isDisabled={false}
/>

Tertiary Variant

<Button
variation="teritiary"
label={"Teritiary"}
type="button"
icon="MyLocation"
isSuffix={false}
isDisabled={false}
/>

Link Variant

<Button
variation="link"
label={"Link"}
type="button"
icon="MyLocation"
isSuffix={false}
isDisabled={false}
/>

Usually, icons can be sent as a string, added before the label. But if you want to add it as a suffix then isSuffix can be sent as true.

For more information: StoryBook for button components