Code

API

This component extends the native <span>arrow-up-right API. That's why the className prop is not included in the table.

Props
Type
Required

children

string

βœ…

hasError

boolean

❌

isDisabled

boolean

❌

isReadOnly

boolean

❌

chevron-rightchildrenhashtag

The children in this case should always be a string, because we are using the span element innerly, so adding a <p> inside a <span> makes no sense.

chevron-righthasErrorhashtag

The hasError prop sets the component state to an error state, changing its colors by the ones defined in the tokens.

chevron-rightisDisabledhashtag

Disables the component by changing its state.

chevron-rightisReadOnlyhashtag

This causes the component to be read only. This overrides the hasError state.

Example

Last updated