Button

Overview

Button for use with all applications.

Tip

• It is expected that an appropriate icon will be provided into the icon property. For a list icons currently in use, please refer to the icons section of this guide

Example : Default usage

import { Button } from '@ska-telescope/ska-gui-components';

...

<Button data={data} testId="testId" />

Constants

header:

“Constant”, “Usage”

“ButtonColorTypes.Error”, “Sets the color of the button to the ERROR color. ( may cause accessibility issues ) ” “ButtonColorTypes.Inherit”, “Sets the color of the button to inherit from its parent.” “ButtonColorTypes.Secondary”, “Sets the color of the button to the SECONDARY color of the theme ” “ButtonColorTypes.Success”, “Sets the color of the button to the SUCCESS color. ( may cause accessibility issues ) ” “ButtonColorTypes.Warning”, “Sets the color of the button to the WARNING color. ( may cause accessibility issues ) ” “ButtonIcons.?????”, “Displayed if provided” “ButtonSizeTypes.Small”, “Allows for the sizing of the button to be changed” “ButtonSizeTypes.Medium”, “Allows for the sizing of the button to be changed” “ButtonSizeTypes”.Large”, “Allows for the sizing of the button to be changed” “ButtonVariantTypes.Contained”, “Allows for the styling of the button to be changed (Recommended)” “ButtonVariantTypes.Outlined”, “Allows for the styling of the button to be changed” “ButtonVariantTypes.Text”, “Allows for the styling of the button to be changed”

Testing Identifier

Provided by the property testId