UI: native

@pithyx/ui/native: the class names of the components for native HTML elements, without React Aria. Import the token file once (@pithyx/ui/tokens.css) and wrap the app in UiProvider; see @pithyx/ui.

Generated from the TSDoc comments of @pithyx/ui 1.0.0-rc.9 at build time; the text below the headings is the comment in the source.

Variables

buttonStyles

const buttonStyles: object = button;

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

Type Declaration

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.

Type Declaration

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.

Type Declaration

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;

References

cx

Re-exports cx

---

uiTexts

Re-exports uiTexts

---

UiTexts

Re-exports UiTexts