# Barefoot — Components Element-first. You write plain HTML; Barefoot styles it. No classes needed except where there is no native element. Every component degrades to fully functional semantics without CSS. All components use **logical CSS properties** (`margin-inline`, `padding-block`, `inset-inline-start`, `text-align: start`, logical `border-radius`) so they mirror correctly in RTL layouts — set `dir="rtl"` on `` and everything flips automatically. See the [i18n test page](../demo/i18n.html) for a full RTL conformance demo. Import from `dist/components/*.css` (or get everything with `full.css`). ## Buttons ```html ``` - `[type="submit"]` is the primary action — semantic, no class. - **JS:** none. - **A11y:** native button; `Tab` + `Enter`/`Space`; `:disabled` styling. ## Forms ```html
View
40 ``` - Checkboxes/radios use `accent-color` — native, themed, free. Range sliders get a full custom skin (track + thumb in the theme tokens, with a `:focus-visible` ring), and `` / `` are drawn as themed bars (accent fill, alternate track) instead of the browser's default widget. - **`