zynactradocs

Native Select

The browser's own select, styled to match. Best on mobile and for long, simple lists.

Usage

import { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from "@zynactra/ui/native-select"
<NativeSelect defaultValue="Asia/Colombo">
  <NativeSelectOption value="Asia/Colombo">Colombo</NativeSelectOption>
  <NativeSelectOption value="Europe/London">London</NativeSelectOption>
</NativeSelect>

Sizes are default and sm.

Guidelines

  • Pick it over Select when the user is likely on a phone, or the form must work without JavaScript.
  • Options are plain text: no icons or descriptions. If you need those, use Select or Combobox.
  • Group long lists with NativeSelectOptGroup.
Edit on GitHub

Message

One turn in a conversation, with avatar, header, bubbles and footer. For chat and AI interfaces.

Navigation Menu

Top-level site navigation with flyout panels, for marketing sites and docs.

On this page

UsageGuidelines