ZSelect

Dropdown select input

Example

Choose...Option AOption B

Import

import { ZSelect } from "zurto-ui";

Usage

import { ZSelect } from "zurto-ui";

function Example() {
  return (
    <ZSelect placeholder="Select an option...">
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </ZSelect>
  );
}

Props

Prop	Type	Default	Description
placeholder	string	-	Placeholder option
value	string	-	Selected value
onChange	(value) => void	-	Change handler
options	Array<{label, value}>	-	Options array

Accessibility

• ✅ Keyboard navigation support
• ✅ ARIA attributes included
• ✅ Screen reader friendly
• ✅ Focus management