Sass mixins
Vi tilbyr en rekke mixins og funksjoner i Sass for enklere bruk av stilarkene våre.
Du kan importere alle mixins, eller kun de du trenger, fra jkl-core
. Nøyaktig syntaks vil variere ut fra oppsettet i prosjektet ditt, men vil sannsynligvis likne på dette: @import "~@fremtind/jkl-core/mixins/_all.scss;"
.
Bevegelse
@import "~@fremtind/jkl-core/mixins/_motion.scss;"
Du kan enkelt implementere bevegelse ved hjelp av mixin-en motion()
, som setter CSS-egenskapene transition-timing-function
og transition-duration
ut fra valgene du gjør. For å bruke den må du spesifisere hvilken animasjonskurve og (valgfritt) hvilken varighet du ønsker på animasjonen. Husk også å spesifisere hvilke egenskaper du vil animere.
@include motion("standard", "productive");
transition-property: transform, opacity;
NB! Ikke bruk verdiene under direkte, da de kan endre seg. Ved å bruke mixin-en sørger du for å holde koden din oppdatert mot verdiene i designsystemet.
Navn på kurve | Verdi |
---|---|
|
|
|
|
|
|
|
|
Navn på varighet | Verdi |
---|---|
| 75ms |
| 150ms |
| 250ms |
| 400ms |
Screenreader
@import "~@fremtind/jkl-core/mixins/_screenreader.scss;"
Her finner du to mixins for å skjule noe visuelt, men fortsatt gjøre det synlig for skjermlesere. Du kan også gjøre elementet synlig ved fokus ved å bruke begge mixins.
// for kun å skjule:
@include screenreader-only();
// for å skjule, men vise ved fokus:
@include screnreader-only();
@include screnreader-only-focusable();
Denne funksjonaliteten er også eksponert som utility-klassene .jkl-sr-only
og .jkl-sr-only--focusable
.
Fjerne outlines
@import "~@fremtind/jkl-core/mixins/_helpers.scss;"
Denne mixin-en hjelper deg med å fjerne outlines og fokusringer fra elementer som knapper og lenker. Den vil fjerne disse både fra elementet den brukes på og elementer som ligger inne i dette.
@include reset-outline();
Konvertere pikselverdier til rem
@import "~@fremtind/jkl-core/_functions.scss;"
For å gjøre løsningene våre skalerbare og tilgjengelige ønsker vi å angi størrelser i rem
fremfor å bruke pikselverdier. For å gjøre dette enklere har vi en funksjon som gjør om pikselverdier til riktig rem
-verdi.
min-height: rem(48px); // 3rem
Kompakt modus
@import "~@fremtind/jkl-core/mixins/_helpers.scss;"
Dette er en snarvei til selektoren for kompakt modus når du skal skrive nye komponenter til Jøkul. Du bruker denne mixin-en som en wrapper, det vil si at den skal ha innhold.
.jkl-your-component {
// regular styles
@include compact-mode {
// compact style overrides
}
}
Keyboard-navigasjon
Når du setter opp initTabListner fra jkl-core, så settes det noen data-attributter på html-elementet som gjør at man kan sette opp en tydeligere focus state for tastaturbrukere eller egen stil for touchskjermer. Det er en mixin for å gjøre det enklere for klienter og knytte seg på denne funksjonaliteten.
@use '@fremtind/jkl-core/mixins/navigation';
.my-component {
// pretty component
&:focus {
@include navigation.keyboard-navigation {
box-shadow: 0 0 0 2px $info;
}
}
}
React API
Her finner du en oversikt over props på komponentene i pakken.
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
value | ingen | Påkrevd | string | |
label | ingen | Påkrevd | string |
Arvede props
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
toString | Returns a string representation of a string. Returns a string representation of an object. | ingen | Ikke påkrevd | (() => string) | (() => string) |
charAt | Returns the character at the specified index. @param pos The zero-based index of the desired character. | ingen | Påkrevd | (pos: number) => string |
charCodeAt | Returns the Unicode value of the character at the specified location. @param index The zero-based index of the desired character. If there is no character at the specified index, NaN is returned. | ingen | Påkrevd | (index: number) => number |
concat | Returns a string that contains the concatenation of two or more strings. @param strings The strings to append to the end of the string. | ingen | Påkrevd | (...strings: string[]) => string |
indexOf | Returns the position of the first occurrence of a substring. @param searchString The substring to search for in the string @param position The index at which to begin searching the String object. If omitted, search starts at the beginning of the string. | ingen | Påkrevd | (searchString: string, position?: number | undefined) => number |
lastIndexOf | Returns the last occurrence of a substring in the string. @param searchString The substring to search for. @param position The index at which to begin searching. If omitted, the search begins at the end of the string. | ingen | Påkrevd | (searchString: string, position?: number | undefined) => number |
localeCompare | Determines whether two strings are equivalent in the current locale. Determines whether two strings are equivalent in the current or specified locale. @param that String to compare to target string @param that String to compare to target string @param locales A locale string or array of locale strings that contain one or more language or locale tags. If you include more than one locale string, list them in descending order of priority so that the first entry is the preferred locale. If you omit this parameter, the default locale of the JavaScript runtime is used. This parameter must conform to BCP 47 standards; see the Intl.Collator object for details. @param options An object that contains one or more properties that specify comparison options. see the Intl.Collator object for details. | ingen | Påkrevd | { (that: string): number; (that: string, locales?: string | string[] | undefined, options?: CollatorOptions | undefined): number; } |
match | Matches a string with a regular expression, and returns an array containing the results of that search. Matches a string or an object that supports being matched against, and returns an array containing the results of that search, or null if no matches are found. @param regexp A variable name or string literal containing the regular expression pattern and flags. @param matcher An object that supports being matched against. | ingen | Påkrevd | { (regexp: string | RegExp): RegExpMatchArray | null; (matcher: { [Symbol.match](string: string): RegExpMatchArray | null; }): RegExpMatchArray | null; } |
replace | Replaces text in a string, using a regular expression or search string. Replaces first match with string or all matches with RegExp. Replaces text in a string, using an object that supports replacement within a string. @param searchValue A string to search for. @param replaceValue A string containing the text to replace for every successful match of searchValue in this string. @param searchValue A string to search for. @param replacer A function that returns the replacement text. @param searchValue A string or RegExp search value. @param replaceValue A string containing the text to replace for match. @param searchValue A object can search for and replace matches within a string. @param replacer A function that returns the replacement text. | ingen | Påkrevd | { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; (searchValue: { ...; }, replaceValue: string): string; (searchValue: { ...; }, replacer: (substring: string, ...args: any[]) => string): string; } |
search | Finds the first substring match in a regular expression search. @param regexp The regular expression pattern and applicable flags. @param searcher An object which supports searching within a string. | ingen | Påkrevd | { (regexp: string | RegExp): number; (searcher: { [Symbol.search](string: string): number; }): number; } |
slice | Returns a section of a string. @param start The index to the beginning of the specified portion of stringObj. @param end The index to the end of the specified portion of stringObj. The substring includes the characters up to, but not including, the character indicated by end. If this value is not specified, the substring continues to the end of stringObj. | ingen | Påkrevd | (start?: number | undefined, end?: number | undefined) => string |
split | Split a string into substrings using the specified separator and return them as an array. @param separator A string that identifies character or characters to use in separating the string. If omitted, a single-element array containing the entire string is returned. @param limit A value used to limit the number of elements returned in the array. @param splitter An object that can split a string. @param limit A value used to limit the number of elements returned in the array. | ingen | Påkrevd | { (separator: string | RegExp, limit?: number | undefined): string[]; (splitter: { [Symbol.split](string: string, limit?: number | undefined): string[]; }, limit?: number | undefined): string[]; } |
substring | Returns the substring at the specified location within a String object. @param start The zero-based index number indicating the beginning of the substring. @param end Zero-based index number indicating the end of the substring. The substring includes the characters up to, but not including, the character indicated by end. If end is omitted, the characters from start through the end of the original string are returned. | ingen | Påkrevd | (start: number, end?: number | undefined) => string |
toLowerCase | Converts all the alphabetic characters in a string to lowercase. | ingen | Påkrevd | () => string |
toLocaleLowerCase | Converts all alphabetic characters to lowercase, taking into account the host environment's current locale. | ingen | Påkrevd | (locales?: string | string[] | undefined) => string |
toUpperCase | Converts all the alphabetic characters in a string to uppercase. | ingen | Påkrevd | () => string |
toLocaleUpperCase | Returns a string where all alphabetic characters have been converted to uppercase, taking into account the host environment's current locale. | ingen | Påkrevd | (locales?: string | string[] | undefined) => string |
trim | Removes the leading and trailing white space and line terminator characters from a string. | ingen | Påkrevd | () => string |
length | Returns the length of a String object. | ingen | Påkrevd | number |
substr | Gets a substring beginning at the specified location and having the specified length. @deprecated A legacy feature for browser compatibility @param from The starting position of the desired substring. The index of the first character in the string is zero. @param length The number of characters to include in the returned substring. | ingen | Påkrevd | (from: number, length?: number | undefined) => string |
valueOf | Returns the primitive value of the specified object. | ingen | Ikke påkrevd | (() => string) | (() => Object) |
codePointAt | Returns a nonnegative integer Number less than 1114112 (0x110000) that is the code point value of the UTF-16 encoded code point starting at the string element at position pos in the String resulting from converting this object to a String. If there is no element at that position, the result is undefined. If a valid UTF-16 surrogate pair does not begin at pos, the result is the code unit at pos. | ingen | Påkrevd | (pos: number) => number | undefined |
includes | Returns true if searchString appears as a substring of the result of converting this object to a String, at one or more positions that are greater than or equal to position; otherwise, returns false. @param searchString search string @param position If position is undefined, 0 is assumed, so as to search all of the String. | ingen | Påkrevd | (searchString: string, position?: number | undefined) => boolean |
endsWith | Returns true if the sequence of elements of searchString converted to a String is the same as the corresponding elements of this object (converted to a String) starting at endPosition – length(this). Otherwise returns false. | ingen | Påkrevd | (searchString: string, endPosition?: number | undefined) => boolean |
normalize | Returns the String value result of normalizing the string into the normalization form named by form as specified in Unicode Standard Annex #15, Unicode Normalization Forms. @param form Applicable values: "NFC", "NFD", "NFKC", or "NFKD", If not specified default is "NFC" @param form Applicable values: "NFC", "NFD", "NFKC", or "NFKD", If not specified default is "NFC" | ingen | Påkrevd | { (form: "NFC" | "NFD" | "NFKC" | "NFKD"): string; (form?: string | undefined): string; } |
repeat | Returns a String value that is made from count copies appended together. If count is 0, the empty string is returned. @param count number of copies to append | ingen | Påkrevd | (count: number) => string |
startsWith | Returns true if the sequence of elements of searchString converted to a String is the same as the corresponding elements of this object (converted to a String) starting at position. Otherwise returns false. | ingen | Påkrevd | (searchString: string, position?: number | undefined) => boolean |
anchor | Returns an `<a>` HTML anchor element and sets the name attribute to the text value @deprecated A legacy feature for browser compatibility @param name | ingen | Påkrevd | (name: string) => string |
big | Returns a `<big>` HTML element @deprecated A legacy feature for browser compatibility | ingen | Påkrevd | () => string |
blink | Returns a `<blink>` HTML element @deprecated A legacy feature for browser compatibility | ingen | Påkrevd | () => string |
bold | Returns a `<b>` HTML element @deprecated A legacy feature for browser compatibility | ingen | Påkrevd | () => string |
fixed | Returns a `<tt>` HTML element @deprecated A legacy feature for browser compatibility | ingen | Påkrevd | () => string |
fontcolor | Returns a `<font>` HTML element and sets the color attribute value @deprecated A legacy feature for browser compatibility | ingen | Påkrevd | (color: string) => string |
fontsize | Returns a `<font>` HTML element and sets the size attribute value @deprecated A legacy feature for browser compatibility @deprecated A legacy feature for browser compatibility | ingen | Påkrevd | { (size: number): string; (size: string): string; } |
italics | Returns an `<i>` HTML element @deprecated A legacy feature for browser compatibility | ingen | Påkrevd | () => string |
link | Returns an `<a>` HTML element and sets the href attribute value @deprecated A legacy feature for browser compatibility | ingen | Påkrevd | (url: string) => string |
small | Returns a `<small>` HTML element @deprecated A legacy feature for browser compatibility | ingen | Påkrevd | () => string |
strike | Returns a `<strike>` HTML element @deprecated A legacy feature for browser compatibility | ingen | Påkrevd | () => string |
sub | Returns a `<sub>` HTML element @deprecated A legacy feature for browser compatibility | ingen | Påkrevd | () => string |
sup | Returns a `<sup>` HTML element @deprecated A legacy feature for browser compatibility | ingen | Påkrevd | () => string |
padStart | Pads the current string with a given string (possibly repeated) so that the resulting string reaches a given length. The padding is applied from the start (left) of the current string. @param maxLength The length of the resulting string once the current string has been padded. If this parameter is smaller than the current string's length, the current string will be returned as it is. @param fillString The string to pad the current string with. If this string is too long, it will be truncated and the left-most part will be applied. The default value for this parameter is " " (U+0020). | ingen | Påkrevd | (maxLength: number, fillString?: string | undefined) => string |
padEnd | Pads the current string with a given string (possibly repeated) so that the resulting string reaches a given length. The padding is applied from the end (right) of the current string. @param maxLength The length of the resulting string once the current string has been padded. If this parameter is smaller than the current string's length, the current string will be returned as it is. @param fillString The string to pad the current string with. If this string is too long, it will be truncated and the left-most part will be applied. The default value for this parameter is " " (U+0020). | ingen | Påkrevd | (maxLength: number, fillString?: string | undefined) => string |
trimEnd | Removes the trailing white space and line terminator characters from a string. | ingen | Påkrevd | () => string |
trimStart | Removes the leading white space and line terminator characters from a string. | ingen | Påkrevd | () => string |
trimLeft | Removes the leading white space and line terminator characters from a string. @deprecated A legacy feature for browser compatibility. Use `trimStart` instead | ingen | Påkrevd | () => string |
trimRight | Removes the trailing white space and line terminator characters from a string. @deprecated A legacy feature for browser compatibility. Use `trimEnd` instead | ingen | Påkrevd | () => string |
matchAll | Matches a string with a regular expression, and returns an iterable of matches containing the results of that search. @param regexp A variable name or string literal containing the regular expression pattern and flags. | ingen | Påkrevd | (regexp: RegExp) => IterableIterator<RegExpMatchArray> |
__@iterator@56 | Iterator | ingen | Påkrevd | () => IterableIterator<string> |
at | Takes an integer value and returns the item at that index, allowing for positive and negative integers. Negative integers count back from the last item in the array. | ingen | Påkrevd | (index: number) => string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
variant | small | Ikke påkrevd | LabelVariant | undefined | |
forceCompact | ingen | Ikke påkrevd | boolean | undefined | |
srOnly | ingen | Ikke påkrevd | boolean | undefined | |
standAlone | ingen | Ikke påkrevd | boolean | undefined | |
htmlFor | ingen | Ikke påkrevd | string | undefined | |
className | ingen | Ikke påkrevd | string | undefined | |
children | ingen | Påkrevd | ReactNode |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
external | false | Ikke påkrevd | boolean | undefined | |
children | ingen | Ikke påkrevd | ReactNode |
Arvede props
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
download | ingen | Ikke påkrevd | any | |
href | ingen | Ikke påkrevd | string | undefined | |
hrefLang | ingen | Ikke påkrevd | string | undefined | |
media | ingen | Ikke påkrevd | string | undefined | |
ping | ingen | Ikke påkrevd | string | undefined | |
rel | ingen | Ikke påkrevd | string | undefined | |
target | ingen | Ikke påkrevd | HTMLAttributeAnchorTarget | undefined | |
type | ingen | Ikke påkrevd | string | undefined | |
referrerPolicy | ingen | Ikke påkrevd | HTMLAttributeReferrerPolicy | undefined | |
defaultChecked | ingen | Ikke påkrevd | boolean | undefined | |
defaultValue | ingen | Ikke påkrevd | string | number | readonly string[] | undefined | |
suppressContentEditableWarning | ingen | Ikke påkrevd | boolean | undefined | |
suppressHydrationWarning | ingen | Ikke påkrevd | boolean | undefined | |
accessKey | ingen | Ikke påkrevd | string | undefined | |
className | ingen | Ikke påkrevd | string | undefined | |
contentEditable | ingen | Ikke påkrevd | Booleanish | "inherit" | undefined | |
contextMenu | ingen | Ikke påkrevd | string | undefined | |
dir | ingen | Ikke påkrevd | string | undefined | |
draggable | ingen | Ikke påkrevd | Booleanish | undefined | |
hidden | ingen | Ikke påkrevd | boolean | undefined | |
id | ingen | Ikke påkrevd | string | undefined | |
lang | ingen | Ikke påkrevd | string | undefined | |
placeholder | ingen | Ikke påkrevd | string | undefined | |
slot | ingen | Ikke påkrevd | string | undefined | |
spellCheck | ingen | Ikke påkrevd | Booleanish | undefined | |
style | ingen | Ikke påkrevd | CSSProperties | undefined | |
tabIndex | ingen | Ikke påkrevd | number | undefined | |
title | ingen | Ikke påkrevd | string | undefined | |
translate | ingen | Ikke påkrevd | "yes" | "no" | undefined | |
radioGroup | ingen | Ikke påkrevd | string | undefined | |
role | ingen | Ikke påkrevd | AriaRole | undefined | |
about | ingen | Ikke påkrevd | string | undefined | |
datatype | ingen | Ikke påkrevd | string | undefined | |
inlist | ingen | Ikke påkrevd | any | |
prefix | ingen | Ikke påkrevd | string | undefined | |
property | ingen | Ikke påkrevd | string | undefined | |
resource | ingen | Ikke påkrevd | string | undefined | |
typeof | ingen | Ikke påkrevd | string | undefined | |
vocab | ingen | Ikke påkrevd | string | undefined | |
autoCapitalize | ingen | Ikke påkrevd | string | undefined | |
autoCorrect | ingen | Ikke påkrevd | string | undefined | |
autoSave | ingen | Ikke påkrevd | string | undefined | |
color | ingen | Ikke påkrevd | string | undefined | |
itemProp | ingen | Ikke påkrevd | string | undefined | |
itemScope | ingen | Ikke påkrevd | boolean | undefined | |
itemType | ingen | Ikke påkrevd | string | undefined | |
itemID | ingen | Ikke påkrevd | string | undefined | |
itemRef | ingen | Ikke påkrevd | string | undefined | |
results | ingen | Ikke påkrevd | number | undefined | |
security | ingen | Ikke påkrevd | string | undefined | |
unselectable | ingen | Ikke påkrevd | "on" | "off" | undefined | |
inputMode | Hints at the type of data that might be entered by the user while editing the element or its contents @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute | ingen | Ikke påkrevd | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined |
is | Specify that a standard HTML element should behave like a defined custom built-in element @see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is | ingen | Ikke påkrevd | string | undefined |
aria-activedescendant | Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. | ingen | Ikke påkrevd | string | undefined |
aria-atomic | Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-autocomplete | Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made. | ingen | Ikke påkrevd | "list" | "none" | "inline" | "both" | undefined |
aria-busy | Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-checked | Indicates the current "checked" state of checkboxes, radio buttons, and other widgets. @see aria-pressed @see aria-selected. | ingen | Ikke påkrevd | boolean | "true" | "false" | "mixed" | undefined |
aria-colcount | Defines the total number of columns in a table, grid, or treegrid. @see aria-colindex. | ingen | Ikke påkrevd | number | undefined |
aria-colindex | Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid. @see aria-colcount @see aria-colspan. | ingen | Ikke påkrevd | number | undefined |
aria-colspan | Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. @see aria-colindex @see aria-rowspan. | ingen | Ikke påkrevd | number | undefined |
aria-controls | Identifies the element (or elements) whose contents or presence are controlled by the current element. @see aria-owns. | ingen | Ikke påkrevd | string | undefined |
aria-current | Indicates the element that represents the current item within a container or set of related elements. | ingen | Ikke påkrevd | boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined |
aria-describedby | Identifies the element (or elements) that describes the object. @see aria-labelledby | ingen | Ikke påkrevd | string | undefined |
aria-details | Identifies the element that provides a detailed, extended description for the object. @see aria-describedby. | ingen | Ikke påkrevd | string | undefined |
aria-disabled | Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. @see aria-hidden @see aria-readonly. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-dropeffect | Indicates what functions can be performed when a dragged object is released on the drop target. @deprecated in ARIA 1.1 | ingen | Ikke påkrevd | "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined |
aria-errormessage | Identifies the element that provides an error message for the object. @see aria-invalid @see aria-describedby. | ingen | Ikke påkrevd | string | undefined |
aria-expanded | Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-flowto | Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order. | ingen | Ikke påkrevd | string | undefined |
aria-grabbed | Indicates an element's "grabbed" state in a drag-and-drop operation. @deprecated in ARIA 1.1 | ingen | Ikke påkrevd | Booleanish | undefined |
aria-haspopup | Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. | ingen | Ikke påkrevd | boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined |
aria-hidden | Indicates whether the element is exposed to an accessibility API. @see aria-disabled. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-invalid | Indicates the entered value does not conform to the format expected by the application. @see aria-errormessage. | ingen | Ikke påkrevd | boolean | "true" | "false" | "grammar" | "spelling" | undefined |
aria-keyshortcuts | Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. | ingen | Ikke påkrevd | string | undefined |
aria-label | Defines a string value that labels the current element. @see aria-labelledby. | ingen | Ikke påkrevd | string | undefined |
aria-labelledby | Identifies the element (or elements) that labels the current element. @see aria-describedby. | ingen | Ikke påkrevd | string | undefined |
aria-level | Defines the hierarchical level of an element within a structure. | ingen | Ikke påkrevd | number | undefined |
aria-live | Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. | ingen | Ikke påkrevd | "off" | "assertive" | "polite" | undefined |
aria-modal | Indicates whether an element is modal when displayed. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-multiline | Indicates whether a text box accepts multiple lines of input or only a single line. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-multiselectable | Indicates that the user may select more than one item from the current selectable descendants. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-orientation | Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. | ingen | Ikke påkrevd | "horizontal" | "vertical" | undefined |
aria-owns | Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship. @see aria-controls. | ingen | Ikke påkrevd | string | undefined |
aria-placeholder | Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format. | ingen | Ikke påkrevd | string | undefined |
aria-posinset | Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. @see aria-setsize. | ingen | Ikke påkrevd | number | undefined |
aria-pressed | Indicates the current "pressed" state of toggle buttons. @see aria-checked @see aria-selected. | ingen | Ikke påkrevd | boolean | "true" | "false" | "mixed" | undefined |
aria-readonly | Indicates that the element is not editable, but is otherwise operable. @see aria-disabled. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-relevant | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. @see aria-atomic. | ingen | Ikke påkrevd | "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined |
aria-required | Indicates that user input is required on the element before a form may be submitted. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-roledescription | Defines a human-readable, author-localized description for the role of an element. | ingen | Ikke påkrevd | string | undefined |
aria-rowcount | Defines the total number of rows in a table, grid, or treegrid. @see aria-rowindex. | ingen | Ikke påkrevd | number | undefined |
aria-rowindex | Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid. @see aria-rowcount @see aria-rowspan. | ingen | Ikke påkrevd | number | undefined |
aria-rowspan | Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid. @see aria-rowindex @see aria-colspan. | ingen | Ikke påkrevd | number | undefined |
aria-selected | Indicates the current "selected" state of various widgets. @see aria-checked @see aria-pressed. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-setsize | Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. @see aria-posinset. | ingen | Ikke påkrevd | number | undefined |
aria-sort | Indicates if items in a table or grid are sorted in ascending or descending order. | ingen | Ikke påkrevd | "none" | "ascending" | "descending" | "other" | undefined |
aria-valuemax | Defines the maximum allowed value for a range widget. | ingen | Ikke påkrevd | number | undefined |
aria-valuemin | Defines the minimum allowed value for a range widget. | ingen | Ikke påkrevd | number | undefined |
aria-valuenow | Defines the current value for a range widget. @see aria-valuetext. | ingen | Ikke påkrevd | number | undefined |
aria-valuetext | Defines the human readable text alternative of aria-valuenow for a range widget. | ingen | Ikke påkrevd | string | undefined |
children | ingen | Ikke påkrevd | ReactNode | |
dangerouslySetInnerHTML | ingen | Ikke påkrevd | { __html: string; } | undefined | |
onCopy | ingen | Ikke påkrevd | ClipboardEventHandler<HTMLAnchorElement> | undefined | |
onCopyCapture | ingen | Ikke påkrevd | ClipboardEventHandler<HTMLAnchorElement> | undefined | |
onCut | ingen | Ikke påkrevd | ClipboardEventHandler<HTMLAnchorElement> | undefined | |
onCutCapture | ingen | Ikke påkrevd | ClipboardEventHandler<HTMLAnchorElement> | undefined | |
onPaste | ingen | Ikke påkrevd | ClipboardEventHandler<HTMLAnchorElement> | undefined | |
onPasteCapture | ingen | Ikke påkrevd | ClipboardEventHandler<HTMLAnchorElement> | undefined | |
onCompositionEnd | ingen | Ikke påkrevd | CompositionEventHandler<HTMLAnchorElement> | undefined | |
onCompositionEndCapture | ingen | Ikke påkrevd | CompositionEventHandler<HTMLAnchorElement> | undefined | |
onCompositionStart | ingen | Ikke påkrevd | CompositionEventHandler<HTMLAnchorElement> | undefined | |
onCompositionStartCapture | ingen | Ikke påkrevd | CompositionEventHandler<HTMLAnchorElement> | undefined | |
onCompositionUpdate | ingen | Ikke påkrevd | CompositionEventHandler<HTMLAnchorElement> | undefined | |
onCompositionUpdateCapture | ingen | Ikke påkrevd | CompositionEventHandler<HTMLAnchorElement> | undefined | |
onFocus | ingen | Ikke påkrevd | FocusEventHandler<HTMLAnchorElement> | undefined | |
onFocusCapture | ingen | Ikke påkrevd | FocusEventHandler<HTMLAnchorElement> | undefined | |
onBlur | ingen | Ikke påkrevd | FocusEventHandler<HTMLAnchorElement> | undefined | |
onBlurCapture | ingen | Ikke påkrevd | FocusEventHandler<HTMLAnchorElement> | undefined | |
onChange | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onChangeCapture | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onBeforeInput | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onBeforeInputCapture | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onInput | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onInputCapture | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onReset | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onResetCapture | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onSubmit | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onSubmitCapture | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onInvalid | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onInvalidCapture | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onLoad | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onLoadCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onError | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onErrorCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onKeyDown | ingen | Ikke påkrevd | KeyboardEventHandler<HTMLAnchorElement> | undefined | |
onKeyDownCapture | ingen | Ikke påkrevd | KeyboardEventHandler<HTMLAnchorElement> | undefined | |
onKeyPress | @deprecated | ingen | Ikke påkrevd | KeyboardEventHandler<HTMLAnchorElement> | undefined |
onKeyPressCapture | @deprecated | ingen | Ikke påkrevd | KeyboardEventHandler<HTMLAnchorElement> | undefined |
onKeyUp | ingen | Ikke påkrevd | KeyboardEventHandler<HTMLAnchorElement> | undefined | |
onKeyUpCapture | ingen | Ikke påkrevd | KeyboardEventHandler<HTMLAnchorElement> | undefined | |
onAbort | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onAbortCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onCanPlay | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onCanPlayCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onCanPlayThrough | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onCanPlayThroughCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onDurationChange | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onDurationChangeCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onEmptied | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onEmptiedCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onEncrypted | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onEncryptedCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onEnded | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onEndedCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onLoadedData | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onLoadedDataCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onLoadedMetadata | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onLoadedMetadataCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onLoadStart | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onLoadStartCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onPause | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onPauseCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onPlay | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onPlayCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onPlaying | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onPlayingCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onProgress | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onProgressCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onRateChange | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onRateChangeCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onSeeked | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onSeekedCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onSeeking | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onSeekingCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onStalled | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onStalledCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onSuspend | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onSuspendCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onTimeUpdate | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onTimeUpdateCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onVolumeChange | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onVolumeChangeCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onWaiting | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onWaitingCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onAuxClick | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onAuxClickCapture | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onClick | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onClickCapture | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onContextMenu | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onContextMenuCapture | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onDoubleClick | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onDoubleClickCapture | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onDrag | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDragCapture | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDragEnd | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDragEndCapture | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDragEnter | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDragEnterCapture | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDragExit | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDragExitCapture | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDragLeave | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDragLeaveCapture | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDragOver | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDragOverCapture | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDragStart | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDragStartCapture | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDrop | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onDropCapture | ingen | Ikke påkrevd | DragEventHandler<HTMLAnchorElement> | undefined | |
onMouseDown | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onMouseDownCapture | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onMouseEnter | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onMouseLeave | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onMouseMove | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onMouseMoveCapture | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onMouseOut | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onMouseOutCapture | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onMouseOver | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onMouseOverCapture | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onMouseUp | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onMouseUpCapture | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onSelect | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onSelectCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onTouchCancel | ingen | Ikke påkrevd | TouchEventHandler<HTMLAnchorElement> | undefined | |
onTouchCancelCapture | ingen | Ikke påkrevd | TouchEventHandler<HTMLAnchorElement> | undefined | |
onTouchEnd | ingen | Ikke påkrevd | TouchEventHandler<HTMLAnchorElement> | undefined | |
onTouchEndCapture | ingen | Ikke påkrevd | TouchEventHandler<HTMLAnchorElement> | undefined | |
onTouchMove | ingen | Ikke påkrevd | TouchEventHandler<HTMLAnchorElement> | undefined | |
onTouchMoveCapture | ingen | Ikke påkrevd | TouchEventHandler<HTMLAnchorElement> | undefined | |
onTouchStart | ingen | Ikke påkrevd | TouchEventHandler<HTMLAnchorElement> | undefined | |
onTouchStartCapture | ingen | Ikke påkrevd | TouchEventHandler<HTMLAnchorElement> | undefined | |
onPointerDown | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerDownCapture | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerMove | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerMoveCapture | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerUp | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerUpCapture | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerCancel | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerCancelCapture | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerEnter | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerEnterCapture | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerLeave | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerLeaveCapture | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerOver | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerOverCapture | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerOut | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onPointerOutCapture | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onGotPointerCapture | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onGotPointerCaptureCapture | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onLostPointerCapture | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onLostPointerCaptureCapture | ingen | Ikke påkrevd | PointerEventHandler<HTMLAnchorElement> | undefined | |
onScroll | ingen | Ikke påkrevd | UIEventHandler<HTMLAnchorElement> | undefined | |
onScrollCapture | ingen | Ikke påkrevd | UIEventHandler<HTMLAnchorElement> | undefined | |
onWheel | ingen | Ikke påkrevd | WheelEventHandler<HTMLAnchorElement> | undefined | |
onWheelCapture | ingen | Ikke påkrevd | WheelEventHandler<HTMLAnchorElement> | undefined | |
onAnimationStart | ingen | Ikke påkrevd | AnimationEventHandler<HTMLAnchorElement> | undefined | |
onAnimationStartCapture | ingen | Ikke påkrevd | AnimationEventHandler<HTMLAnchorElement> | undefined | |
onAnimationEnd | ingen | Ikke påkrevd | AnimationEventHandler<HTMLAnchorElement> | undefined | |
onAnimationEndCapture | ingen | Ikke påkrevd | AnimationEventHandler<HTMLAnchorElement> | undefined | |
onAnimationIteration | ingen | Ikke påkrevd | AnimationEventHandler<HTMLAnchorElement> | undefined | |
onAnimationIterationCapture | ingen | Ikke påkrevd | AnimationEventHandler<HTMLAnchorElement> | undefined | |
onTransitionEnd | ingen | Ikke påkrevd | TransitionEventHandler<HTMLAnchorElement> | undefined | |
onTransitionEndCapture | ingen | Ikke påkrevd | TransitionEventHandler<HTMLAnchorElement> | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
active | false | Ikke påkrevd | boolean | undefined | |
back | false | Ikke påkrevd | boolean | undefined | |
children | ingen | Ikke påkrevd | ReactNode |
Arvede props
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
download | ingen | Ikke påkrevd | any | |
href | ingen | Ikke påkrevd | string | undefined | |
hrefLang | ingen | Ikke påkrevd | string | undefined | |
media | ingen | Ikke påkrevd | string | undefined | |
ping | ingen | Ikke påkrevd | string | undefined | |
rel | ingen | Ikke påkrevd | string | undefined | |
target | ingen | Ikke påkrevd | HTMLAttributeAnchorTarget | undefined | |
type | ingen | Ikke påkrevd | string | undefined | |
referrerPolicy | ingen | Ikke påkrevd | HTMLAttributeReferrerPolicy | undefined | |
defaultChecked | ingen | Ikke påkrevd | boolean | undefined | |
defaultValue | ingen | Ikke påkrevd | string | number | readonly string[] | undefined | |
suppressContentEditableWarning | ingen | Ikke påkrevd | boolean | undefined | |
suppressHydrationWarning | ingen | Ikke påkrevd | boolean | undefined | |
accessKey | ingen | Ikke påkrevd | string | undefined | |
className | ingen | Ikke påkrevd | string | undefined | |
contentEditable | ingen | Ikke påkrevd | Booleanish | "inherit" | undefined | |
contextMenu | ingen | Ikke påkrevd | string | undefined | |
dir | ingen | Ikke påkrevd | string | undefined | |
draggable | ingen | Ikke påkrevd | Booleanish | undefined | |
hidden | ingen | Ikke påkrevd | boolean | undefined | |
id | ingen | Ikke påkrevd | string | undefined | |
lang | ingen | Ikke påkrevd | string | undefined | |
placeholder | ingen | Ikke påkrevd | string | undefined | |
slot | ingen | Ikke påkrevd | string | undefined | |
spellCheck | ingen | Ikke påkrevd | Booleanish | undefined | |
style | ingen | Ikke påkrevd | CSSProperties | undefined | |
tabIndex | ingen | Ikke påkrevd | number | undefined | |
title | ingen | Ikke påkrevd | string | undefined | |
translate | ingen | Ikke påkrevd | "yes" | "no" | undefined | |
radioGroup | ingen | Ikke påkrevd | string | undefined | |
role | ingen | Ikke påkrevd | AriaRole | undefined | |
about | ingen | Ikke påkrevd | string | undefined | |
datatype | ingen | Ikke påkrevd | string | undefined | |
inlist | ingen | Ikke påkrevd | any | |
prefix | ingen | Ikke påkrevd | string | undefined | |
property | ingen | Ikke påkrevd | string | undefined | |
resource | ingen | Ikke påkrevd | string | undefined | |
typeof | ingen | Ikke påkrevd | string | undefined | |
vocab | ingen | Ikke påkrevd | string | undefined | |
autoCapitalize | ingen | Ikke påkrevd | string | undefined | |
autoCorrect | ingen | Ikke påkrevd | string | undefined | |
autoSave | ingen | Ikke påkrevd | string | undefined | |
color | ingen | Ikke påkrevd | string | undefined | |
itemProp | ingen | Ikke påkrevd | string | undefined | |
itemScope | ingen | Ikke påkrevd | boolean | undefined | |
itemType | ingen | Ikke påkrevd | string | undefined | |
itemID | ingen | Ikke påkrevd | string | undefined | |
itemRef | ingen | Ikke påkrevd | string | undefined | |
results | ingen | Ikke påkrevd | number | undefined | |
security | ingen | Ikke påkrevd | string | undefined | |
unselectable | ingen | Ikke påkrevd | "on" | "off" | undefined | |
inputMode | Hints at the type of data that might be entered by the user while editing the element or its contents @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute | ingen | Ikke påkrevd | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined |
is | Specify that a standard HTML element should behave like a defined custom built-in element @see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is | ingen | Ikke påkrevd | string | undefined |
aria-activedescendant | Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. | ingen | Ikke påkrevd | string | undefined |
aria-atomic | Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-autocomplete | Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made. | ingen | Ikke påkrevd | "list" | "none" | "inline" | "both" | undefined |
aria-busy | Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-checked | Indicates the current "checked" state of checkboxes, radio buttons, and other widgets. @see aria-pressed @see aria-selected. | ingen | Ikke påkrevd | boolean | "true" | "false" | "mixed" | undefined |
aria-colcount | Defines the total number of columns in a table, grid, or treegrid. @see aria-colindex. | ingen | Ikke påkrevd | number | undefined |
aria-colindex | Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid. @see aria-colcount @see aria-colspan. | ingen | Ikke påkrevd | number | undefined |
aria-colspan | Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. @see aria-colindex @see aria-rowspan. | ingen | Ikke påkrevd | number | undefined |
aria-controls | Identifies the element (or elements) whose contents or presence are controlled by the current element. @see aria-owns. | ingen | Ikke påkrevd | string | undefined |
aria-current | Indicates the element that represents the current item within a container or set of related elements. | ingen | Ikke påkrevd | boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined |
aria-describedby | Identifies the element (or elements) that describes the object. @see aria-labelledby | ingen | Ikke påkrevd | string | undefined |
aria-details | Identifies the element that provides a detailed, extended description for the object. @see aria-describedby. | ingen | Ikke påkrevd | string | undefined |
aria-disabled | Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. @see aria-hidden @see aria-readonly. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-dropeffect | Indicates what functions can be performed when a dragged object is released on the drop target. @deprecated in ARIA 1.1 | ingen | Ikke påkrevd | "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined |
aria-errormessage | Identifies the element that provides an error message for the object. @see aria-invalid @see aria-describedby. | ingen | Ikke påkrevd | string | undefined |
aria-expanded | Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-flowto | Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order. | ingen | Ikke påkrevd | string | undefined |
aria-grabbed | Indicates an element's "grabbed" state in a drag-and-drop operation. @deprecated in ARIA 1.1 | ingen | Ikke påkrevd | Booleanish | undefined |
aria-haspopup | Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. | ingen | Ikke påkrevd | boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined |
aria-hidden | Indicates whether the element is exposed to an accessibility API. @see aria-disabled. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-invalid | Indicates the entered value does not conform to the format expected by the application. @see aria-errormessage. | ingen | Ikke påkrevd | boolean | "true" | "false" | "grammar" | "spelling" | undefined |
aria-keyshortcuts | Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. | ingen | Ikke påkrevd | string | undefined |
aria-label | Defines a string value that labels the current element. @see aria-labelledby. | ingen | Ikke påkrevd | string | undefined |
aria-labelledby | Identifies the element (or elements) that labels the current element. @see aria-describedby. | ingen | Ikke påkrevd | string | undefined |
aria-level | Defines the hierarchical level of an element within a structure. | ingen | Ikke påkrevd | number | undefined |
aria-live | Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. | ingen | Ikke påkrevd | "off" | "assertive" | "polite" | undefined |
aria-modal | Indicates whether an element is modal when displayed. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-multiline | Indicates whether a text box accepts multiple lines of input or only a single line. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-multiselectable | Indicates that the user may select more than one item from the current selectable descendants. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-orientation | Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. | ingen | Ikke påkrevd | "horizontal" | "vertical" | undefined |
aria-owns | Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship. @see aria-controls. | ingen | Ikke påkrevd | string | undefined |
aria-placeholder | Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format. | ingen | Ikke påkrevd | string | undefined |
aria-posinset | Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. @see aria-setsize. | ingen | Ikke påkrevd | number | undefined |
aria-pressed | Indicates the current "pressed" state of toggle buttons. @see aria-checked @see aria-selected. | ingen | Ikke påkrevd | boolean | "true" | "false" | "mixed" | undefined |
aria-readonly | Indicates that the element is not editable, but is otherwise operable. @see aria-disabled. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-relevant | Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. @see aria-atomic. | ingen | Ikke påkrevd | "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined |
aria-required | Indicates that user input is required on the element before a form may be submitted. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-roledescription | Defines a human-readable, author-localized description for the role of an element. | ingen | Ikke påkrevd | string | undefined |
aria-rowcount | Defines the total number of rows in a table, grid, or treegrid. @see aria-rowindex. | ingen | Ikke påkrevd | number | undefined |
aria-rowindex | Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid. @see aria-rowcount @see aria-rowspan. | ingen | Ikke påkrevd | number | undefined |
aria-rowspan | Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid. @see aria-rowindex @see aria-colspan. | ingen | Ikke påkrevd | number | undefined |
aria-selected | Indicates the current "selected" state of various widgets. @see aria-checked @see aria-pressed. | ingen | Ikke påkrevd | Booleanish | undefined |
aria-setsize | Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. @see aria-posinset. | ingen | Ikke påkrevd | number | undefined |
aria-sort | Indicates if items in a table or grid are sorted in ascending or descending order. | ingen | Ikke påkrevd | "none" | "ascending" | "descending" | "other" | undefined |
aria-valuemax | Defines the maximum allowed value for a range widget. | ingen | Ikke påkrevd | number | undefined |
aria-valuemin | Defines the minimum allowed value for a range widget. | ingen | Ikke påkrevd | number | undefined |
aria-valuenow | Defines the current value for a range widget. @see aria-valuetext. | ingen | Ikke påkrevd | number | undefined |
aria-valuetext | Defines the human readable text alternative of aria-valuenow for a range widget. | ingen | Ikke påkrevd | string | undefined |
children | ingen | Ikke påkrevd | ReactNode | |
dangerouslySetInnerHTML | ingen | Ikke påkrevd | { __html: string; } | undefined | |
onCopy | ingen | Ikke påkrevd | ClipboardEventHandler<HTMLAnchorElement> | undefined | |
onCopyCapture | ingen | Ikke påkrevd | ClipboardEventHandler<HTMLAnchorElement> | undefined | |
onCut | ingen | Ikke påkrevd | ClipboardEventHandler<HTMLAnchorElement> | undefined | |
onCutCapture | ingen | Ikke påkrevd | ClipboardEventHandler<HTMLAnchorElement> | undefined | |
onPaste | ingen | Ikke påkrevd | ClipboardEventHandler<HTMLAnchorElement> | undefined | |
onPasteCapture | ingen | Ikke påkrevd | ClipboardEventHandler<HTMLAnchorElement> | undefined | |
onCompositionEnd | ingen | Ikke påkrevd | CompositionEventHandler<HTMLAnchorElement> | undefined | |
onCompositionEndCapture | ingen | Ikke påkrevd | CompositionEventHandler<HTMLAnchorElement> | undefined | |
onCompositionStart | ingen | Ikke påkrevd | CompositionEventHandler<HTMLAnchorElement> | undefined | |
onCompositionStartCapture | ingen | Ikke påkrevd | CompositionEventHandler<HTMLAnchorElement> | undefined | |
onCompositionUpdate | ingen | Ikke påkrevd | CompositionEventHandler<HTMLAnchorElement> | undefined | |
onCompositionUpdateCapture | ingen | Ikke påkrevd | CompositionEventHandler<HTMLAnchorElement> | undefined | |
onFocus | ingen | Ikke påkrevd | FocusEventHandler<HTMLAnchorElement> | undefined | |
onFocusCapture | ingen | Ikke påkrevd | FocusEventHandler<HTMLAnchorElement> | undefined | |
onBlur | ingen | Ikke påkrevd | FocusEventHandler<HTMLAnchorElement> | undefined | |
onBlurCapture | ingen | Ikke påkrevd | FocusEventHandler<HTMLAnchorElement> | undefined | |
onChange | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onChangeCapture | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onBeforeInput | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onBeforeInputCapture | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onInput | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onInputCapture | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onReset | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onResetCapture | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onSubmit | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onSubmitCapture | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onInvalid | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onInvalidCapture | ingen | Ikke påkrevd | FormEventHandler<HTMLAnchorElement> | undefined | |
onLoad | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onLoadCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onError | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onErrorCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onKeyDown | ingen | Ikke påkrevd | KeyboardEventHandler<HTMLAnchorElement> | undefined | |
onKeyDownCapture | ingen | Ikke påkrevd | KeyboardEventHandler<HTMLAnchorElement> | undefined | |
onKeyPress | @deprecated | ingen | Ikke påkrevd | KeyboardEventHandler<HTMLAnchorElement> | undefined |
onKeyPressCapture | @deprecated | ingen | Ikke påkrevd | KeyboardEventHandler<HTMLAnchorElement> | undefined |
onKeyUp | ingen | Ikke påkrevd | KeyboardEventHandler<HTMLAnchorElement> | undefined | |
onKeyUpCapture | ingen | Ikke påkrevd | KeyboardEventHandler<HTMLAnchorElement> | undefined | |
onAbort | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onAbortCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onCanPlay | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onCanPlayCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onCanPlayThrough | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onCanPlayThroughCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onDurationChange | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onDurationChangeCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onEmptied | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onEmptiedCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onEncrypted | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onEncryptedCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onEnded | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onEndedCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onLoadedData | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onLoadedDataCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onLoadedMetadata | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onLoadedMetadataCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onLoadStart | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onLoadStartCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onPause | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onPauseCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onPlay | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onPlayCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onPlaying | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onPlayingCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onProgress | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onProgressCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onRateChange | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onRateChangeCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onSeeked | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onSeekedCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onSeeking | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onSeekingCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onStalled | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onStalledCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onSuspend | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onSuspendCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onTimeUpdate | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onTimeUpdateCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onVolumeChange | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onVolumeChangeCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onWaiting | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onWaitingCapture | ingen | Ikke påkrevd | ReactEventHandler<HTMLAnchorElement> | undefined | |
onAuxClick | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onAuxClickCapture | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onClick | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onClickCapture | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onContextMenu | ingen | Ikke påkrevd | MouseEventHandler<HTMLAnchorElement> | undefined | |
onContextMenuCapture | ingen |