UI: native

@pithyx/ui/native: die Klassennamen der Komponenten für native HTML-Elemente, ohne React Aria. Importiere die Token-Datei einmal (@pithyx/ui/tokens.css) und umschließe die App mit UiProvider; siehe @pithyx/ui.

Beim Build aus den TSDoc-Kommentaren von @pithyx/ui 1.0.0-rc.9 erzeugt; der Text unter den Überschriften ist der Kommentar im Quelltext und bleibt Englisch.

Variablen

buttonStyles

const buttonStyles: object = button;

The class names of Button: button, one per variant, small and spinner for a pending state.

Typendeklaration

button

readonly button: string;

danger

readonly danger: string;

icon

readonly icon: string;

primary

readonly primary: string;

quiet

readonly quiet: string;

secondary

readonly secondary: string;

small

readonly small: string;

spinner

readonly spinner: string;

---

controlStyles

const controlStyles: object = controls;

The class names of Checkbox, Switch, ProgressBar and Badge; a checkbox is checkbox with a box.

Typendeklaration

accent

readonly accent: string;

badge

readonly badge: string;

bar

readonly bar: string;

box

readonly box: string;

checkbox

readonly checkbox: string;

danger

readonly danger: string;

field

readonly field: string;

fill

readonly fill: string;

highlight

readonly highlight: string;

neutral

readonly neutral: string;

progress

readonly progress: string;

progressLabel

readonly progressLabel: string;

progressValue

readonly progressValue: string;

switch

readonly switch: string;

thumb

readonly thumb: string;

track

readonly track: string;

---

textFieldStyles

const textFieldStyles: object = textField;

The class names of TextField, PasswordField, OtpField and SearchField.

Typendeklaration

clear

readonly clear: string;

description

readonly description: string;

error

readonly error: string;

field

readonly field: string;

frame

readonly frame: string;

input

readonly input: string;

label

readonly label: string;

otp

readonly otp: string;

reveal

readonly reveal: string;

search

readonly search: string;

searchIcon

readonly searchIcon: string;

searchInput

readonly searchInput: string;

Referenzen

cx

Re-Exports cx

---

uiTexts

Re-Exports uiTexts

---

UiTexts

Re-Exports UiTexts