npm install solid-uixSolid UIX uses the Inter font by default. See Setup — Fonts for complete details.
Import components and styles.
import { Button, TextInput, Checkbox, Field } from "solid-uix";
import "solid-uix/css";
const Example = () => {
return (
<form>
<Field>
<Field.Label>Email</Field.Label>
<TextInput name="email" />
</Field>
<Checkbox name="consent" label="I agree" />
<Button type="submit">Submit</Button>
</form>
);
};Resolve styles as URL and append metadata element to document head. Stylesheet will be preloaded. See @solidjs/meta Link
import styles from "solid-uix/css?url";
<head>
<link rel="stylesheet" href={style} />
</head>;