select-style-default

PreviousNext
Docs
retrouiblock

Preview

Loading preview…
preview/components/select-style-default.tsx
import { Select } from "@/components/retroui/Select";
import React from "react";

export default function SelectStyleDefault() {
  return (
    <Select>
      <Select.Trigger className="w-60">
        <Select.Value placeholder="Pick your Pokemon" />
      </Select.Trigger>
      <Select.Content>
        <Select.Group>
          <Select.Item value="pikachu">Pikachu</Select.Item>
          <Select.Item value="charizard">Charizard</Select.Item>
          <Select.Item value="bulbasaur">Bulbasaur</Select.Item>
          <Select.Item value="squirtle">Squirtle</Select.Item>
        </Select.Group>
      </Select.Content>
    </Select>
  );
}

Installation

npx shadcn@latest add @retroui/select-style-default

Usage

import { SelectStyleDefault } from "@/components/select-style-default"
<SelectStyleDefault />