Skip to content
Filters
Kind
Integration level
Dependencies

No extra packages or services: Svelte and Tailwind CSS prerequisites still apply.

Runtime
Capabilities

Category: All components

Components

49–72 of 111 components

  • Text link

    A native text link for prose, footers, navigation and card actions: a drawn underline that thickens on hover, a focus ring on every wrapped line, current-page and visited states, arrows, external links and stretched rows.

    • Control
    • No additional dependencies
  • Masked field

    A text field for one fixed format, such as a sort code, a US phone number or a product key. Adds separators as you type, keeps the caret in place, re-masks pasted text and submits the raw value.

    • Control
    • No additional dependencies
  • Search query field

    A search box in a role=search GET form: magnifier, query, a clear button once there is text, an optional / shortcut hint and an inset submit, all one shape. Submits ?q= without JS; optional debounced live filtering.

    • Control
    • No additional dependencies
  • Slug field

    A slug field that follows a title until edited, shows the finished URL inside the same border, and reports an optional debounced, advisory availability check with a one-click suggestion.

    • Control
    • No additional dependencies
  • Split button

    A default action joined to a chevron that opens a menu of related alternatives, such as Save beside Save as draft and Save and share. Two tab stops in one group; the menu stays inside the viewport.

    • Control
    • bits-ui ^2.19.3
  • Autosizing textarea

    A labelled textarea that grows a line at a time from minRows to maxRows, then scrolls, with an optional footer for a count or actions inside the same frame. CSS field-sizing first, a measured fallback elsewhere.

    • Control
    • No additional dependencies
  • Character counter

    A soft-limit counter for a field's footer: a ring that fills toward the limit beside '92 characters remaining', a warning near it and an error mark past it. Counts graphemes or words and never truncates.

    • Control
    • No additional dependencies
  • Copy button

    Copies a supplied string and confirms it inline, as a standalone or icon-only button or joined to a read-only mono field showing the value, with a check that keeps the button's width and a manual-copy note on failure.

    • Control
    • No additional dependencies
  • Currency amount field

    A money amount field that stores integer minor units plus an ISO 4217 code, shows the currency's mark on the side the locale writes it, formats on blur, and can attach a currency select that never converts.

    • Control
    • No additional dependencies
  • Custom select

    A styled select whose options carry an icon, a label and a line of detail, such as a workspace or a delivery method. Keyboard and typeahead per the APG select-only combobox; posts through a form input.

    • Control
    • bits-ui ^2.19.3
  • Download link

    A native download link that shows the file's name, format and size before the click, as a list row, a card with a description or a filled button. A document tile carries the format; rows divide themselves inside a list.

    • Control
    • No additional dependencies
  • Email field

    An email field with type=email, autocomplete and the email keyboard, an optional 'Did you mean …?' line for mistyped common domains that applies only when pressed, multiple addresses, hint and consumer-set error.

    • Control
    • No additional dependencies
  • Inline editable text

    Shows a saved value as text with an Edit button; editing swaps in an input or textarea in the same box with explicit Save and Cancel. An async onSave that can fail keeps the draft, and blur never saves.

    • Control
    • No additional dependencies
  • Measurement field

    A number joined to its unit in one shape: a fixed unit segment or a native unit select. Stores amount and unit together, parses the locale's decimal comma, and converts only when you pass convert.

    • Control
    • No additional dependencies
  • Native select

    A styled native select with a visible label, Required or Optional marker, hint, placeholder, option groups and a consumer-set error. The browser's own picker opens it, and it submits before any script runs.

    • Control
    • No additional dependencies
  • Number field

    A labelled number input sized to its bounds: parses the locale's separators and digits, states min and max in the hint, steps with arrow keys, keeps invalid text visible and submits a canonical value.

    • Control
    • No additional dependencies
  • Password field

    A password field with the right autocomplete for sign-in or a new password, a Show/Hide button and Caps Lock notice inside one border, an optional Forgot password? slot, hint and error. Plain password input before hydration.

    • Control
    • No additional dependencies
  • Password requirements

    A checklist under a new-password field that marks each of your declared rules as the password meets it, with an optional meter that counts rules met (never an entropy guess) and a debounced spoken summary.

    • Control
    • No additional dependencies
  • Percentage field

    A percentage input that stores a ratio, a whole percent or basis points while people type the percent they see. Sized to its bounds, with the % sign, the allowed range and float-free conversion.

    • Control
    • No additional dependencies
  • Print button

    A print action for pages the site has already prepared for paper. Awaits an optional beforePrint, opens the browser's print dialog, runs afterPrint on afterprint, and never appears in print output.

    • Control
    • No additional dependencies
  • Quantity stepper

    A whole-number stepper: decrease and increase buttons joined to an editable value in one shape, following the APG spinbutton, with a bound message that explains a reached limit.

    • Control
    • No additional dependencies
  • Radio group

    A fieldset of native radios for exactly one choice, with a legend, help text, per-option descriptions and price or date notes, vertical or wrapping horizontal layout, and a group error. Works in a form before hydration.

    • Control
    • No additional dependencies
  • Share button

    A share button that opens the device's share sheet when it can, and otherwise a small panel with the link, a Copy button that confirms in place and optional plain share links you build.

    • Control
    • bits-ui ^2.19.3
  • Tag field

    Short text tokens collected as removable chips inside one bordered field. Enter or a comma adds a tag, pasted lists split, duplicates are refused with a message, and each tag submits as its own hidden input.

    • Control
    • No additional dependencies