@phase2/outline-button

outline-button

The Outline Button component

Properties

Property	Attribute	Type	Default	Description
buttonLabel	button-label	string		ARIA label attribute to pass down to the resulting button or a element. This is required for accessibility if we use a button with an icon only.
buttonSize	button-size	string	"medium"	The button size to use.
buttonTarget	button-target	string		The target to use for a link, used in conjunction with the url attribute.
buttonUrl	button-url	string		The url to use for a link. This will render an anchor element. Do not set this prop if you want to render a button element.
buttonVariant	button-variant	string	"primary"	The button style variant to use.
hasLeftIcon		boolean
hasRightIcon		boolean
isDisabled	is-disabled	boolean	false	Whether the button is disabled. Only applies to implementations not using the url property
onClick	onClick	() => void		A click handler to be passed only to onClick. DO NOT USE @click on this component.
onKeyUp	onKeyUp	() => void		A keyUp handler to be passed to the onKeyUp. DO NOT USE @keyup on this component.
slots		SlotController	"new SlotController(\n this, // This, the host element.\n false // To shift or not to shift LightDom nodes to ShadowDOM.\n )"

Methods

Method	Type	Description
iconTemplate	(exists: boolean, slot: string): TemplateResult<ResultType> | null	Icon template exists: Whether the icon slot exists. slot: The slot name to use.

Slots

Name	Description
	default slot, used for button text.
left	slot used for left side icon.
right	slot used for right side icon.