import { css } from '@remix-run/ui' import { Option, Select } from '@remix-run/ui/select' import { theme } from '@remix-run/ui/theme' /** * @name Select Overview * @description A styled select control with a searchable dropdown and accessible label. * @layout center */ export default function Example() { return () => (
) } const selectCss = css({ width: '16rem', }) const stackCss = css({ display: 'flex', flexDirection: 'column', gap: theme.space.sm, width: '100%', }) const labelCss = css({ margin: 0, fontSize: theme.fontSize.xs, fontWeight: theme.fontWeight.semibold, color: theme.colors.text.primary, })