ComponentLibrary
Skanska Branded Components
Skanska Link
Some description...
<skanska-link text="Lorem ipsum" url="" linkstyle="simple"></skanska-link>
<skanska-link text="Lorem ipsum" url="" linkstyle="discrete"></skanska-link>
<skanska-link text="Lorem ipsum" url="" linkstyle="prominent"></skanska-link>
Attributes
text="any text string"
linkstyle="simple" | "discrete" | "prominent"
url="a url"
Skanska Button
Some description...
<skanska-button text="Tertiary button" buttonstyle="primary"></skanska-button>
<skanska-button text="Tertiary button" buttonstyle="secondary"></skanska-button>
<skanska-button text="Tertiary button" buttonstyle="tertiary"></skanska-button>
Attributes
text="any text string"
buttonstyle="primary" | "secondary" | "tertiary"
disabled="true" | "false"
Skanska Textfield
Some description...
<skanska-textfield text="text input" type="text" title="my textbox" name="myTest" placeholder="placeholder" inputmode="email" label="This is my textfield" width="300px"></skanska-textfield>
<skanska-textfield text="text input" type="text" title="my textbox" name="myTest" placeholder="placeholder" inputmode="email" label="This is my textfield" width="300px" haserror="true" errormessage="This is an error" required="true"></skanska-textfield>
Attributes
text="any text string"
label="any text string"
fieldid="MyId" id of the field
description="any text string"
placeholder="any text string"
type="type" a valid text type
inputmode="mode" the field's input mode
textvalue="text" value of the field
name="name" name of the field
min="number" minimum value
max="number" maximum value
errormessage="any text string"
width="value as specified in css"
disabled="true" | "false"
autofocus="true" | "false"
readonly="true" | "false"
required="true" | "false"
haserror="true" | "false"
autocomplete="on" | "off"