CanvasDocs

Skip to sidebar

ActionsAccessibilityControls (32)

Name	Description	Default	Control
text		-	I am a button
Hide properties itemsproperties	Hide properties items
autofocus	Indicates that the button should have input focus when the page loads. boolean	false	FalseTrue
disabled	Indicates that the button cannot be pressed or focused by the user. boolean	false	FalseTrue
fullWidth	Indicates the button's width should match its container. boolean	false	FalseTrue
iconCondensed	Applies only to icon-only buttons. If true, the button will have minimal padding. boolean	false	FalseTrue
large	Indicates the button has more padding. boolean	false	FalseTrue
onBackground	Indicates the button is on a AA compliant background. boolean	false	FalseTrue
pressed	Indicates this button is a toggle button and whether it is pressed or not. PressedState	'undefined'	falsetruemixedundefined
type	Indicates the default behavior of the button via the HTML5 attribute. ButtonTypeundefined		buttonsubmitreset
variant	Indicates the variant of button. ButtonVariant	'primary'	primarysecondarysubtleoverlay
icon	The icon to be shown as the content of the button. IconNameundefined		Choose option...academic-contentaddarrow-downarrow-leftarrow-rightarrow-upattachmentbasebookcalendarcheckmarkcheckmark-filled-circlecheckmark-inversecheckmark-smallchevron-downchevron-leftchevron-left-largechevron-rightchevron-right-largechevron-upcirclecitecloseclose-inversecollapsecopydash-smalldeletedownloadeditellipses-horizontalellipses-verticalemailexclamationexclamation-inverseexpandfacebookfiletype-pdffiletype-pptfiletype-zipfit-to-viewfit-to-widthfolderfolder-newfolder-selectedfullscreenfullscreen-minimizegooglegoogle-colorimageinfo-inverseinstagramlaptoplinklink-addlink-externallinkedinmenumovenewpartial-circleprimary-sourceprofilequestion-inversesavesavedsearchshareshift-downshift-leftshift-rightshift-uptumblrtwittervideoview-galleryview-gridview-listworkspaceworkspace-selectedyoutubezoom-inzoom-out
label	Indicates the aria label to apply to the button. stringundefined		Set object
name	Indicates the name when submitted with form data. stringundefined		Set object
value	Indicates the value associated with the name when submitted with form data. stringundefined		Set object
download	Indicates to save the linked URL instead of navigating to it. stringundefined		Set object
href	Indicates the URL that the hyperlink points to. stringundefined		Set object
hreflang	Indicates the language of the linked URL. stringundefined		Set object
ping	Indicates the URLs to ping. stringundefined		Set object
rel	Indicates the type of link. stringundefined		Set object
target	Indicates where to display the linked URL. LinkTargetundefined		Set object
elementDefinitions	object	{ 'pharos-icon': PharosIcon, }	Set object
iconRight	The icon to be shown on the right side. IconNameundefined		Choose option...academic-contentaddarrow-downarrow-leftarrow-rightarrow-upattachmentbasebookcalendarcheckmarkcheckmark-filled-circlecheckmark-inversecheckmark-smallchevron-downchevron-leftchevron-left-largechevron-rightchevron-right-largechevron-upcirclecitecloseclose-inversecollapsecopydash-smalldeletedownloadeditellipses-horizontalellipses-verticalemailexclamationexclamation-inverseexpandfacebookfiletype-pdffiletype-pptfiletype-zipfit-to-viewfit-to-widthfolderfolder-newfolder-selectedfullscreenfullscreen-minimizegooglegoogle-colorimageinfo-inverseinstagramlaptoplinklink-addlink-externallinkedinmenumovenewpartial-circleprimary-sourceprofilequestion-inversesavesavedsearchshareshift-downshift-leftshift-rightshift-uptumblrtwittervideoview-galleryview-gridview-listworkspaceworkspace-selectedyoutubezoom-inzoom-out
iconLeft	The icon to be shown on the left side. IconNameundefined		Choose option...academic-contentaddarrow-downarrow-leftarrow-rightarrow-upattachmentbasebookcalendarcheckmarkcheckmark-filled-circlecheckmark-inversecheckmark-smallchevron-downchevron-leftchevron-left-largechevron-rightchevron-right-largechevron-upcirclecitecloseclose-inversecollapsecopydash-smalldeletedownloadeditellipses-horizontalellipses-verticalemailexclamationexclamation-inverseexpandfacebookfiletype-pdffiletype-pptfiletype-zipfit-to-viewfit-to-widthfolderfolder-newfolder-selectedfullscreenfullscreen-minimizegooglegoogle-colorimageinfo-inverseinstagramlaptoplinklink-addlink-externallinkedinmenumovenewpartial-circleprimary-sourceprofilequestion-inversesavesavedsearchshareshift-downshift-leftshift-rightshift-uptumblrtwittervideoview-galleryview-gridview-listworkspaceworkspace-selectedyoutubezoom-inzoom-out
_button	HTMLButtonElementHTMLAnchorElement		Set object
_formButton	HTMLButtonElement		Set object
_form	HTMLFormElementnull		Set object
buttonContent	TemplateResult		Set object
Hide attributes itemsattributes	Hide attributes items
icon-condensed	Applies only to icon-only buttons. If true, the button will have minimal padding. boolean	false	Set object
icon-right	The icon to be shown on the right side. IconNameundefined		Set object
icon-left	The icon to be shown on the left side. IconNameundefined		Set object
on-background	Indicates the button is on a AA compliant background. boolean	false	Set object
full-width	Indicates the button's width should match its container. boolean	false	Set object