Fusion UI

Overview

Select picks one value from a list that opens on demand. The INLINE style fits into running text, e.g. “Sort by name”.

default

"use client";

import {useState} from "react";
import {Select} from "@brynlabs/fusion-ui";

export const SelectExample = () => {
  const [value, setValue] = useState<string | null>(null);
  return (
    <>
      <Select
        placeholder={"default"}
        value={value}
        values={["Option 1", "Option 2", "Option 3", "Option 4", "Option 5"]}
        onChange={setValue}></Select>
      <Select
        placeholder={"default"}
        value={value}
        style={"FULL_SIZE"}
        values={["Option 1", "Option 2", "Option 3", "Option 4", "Option 5"]}
        onChange={setValue}></Select>
    </>
  );
};