Start time grid #62
@ -57,7 +57,9 @@ export default function Choicebox({
|
|||||||
...props
|
...props
|
||||||
}: ChoiceboxProps) {
|
}: ChoiceboxProps) {
|
||||||
const isDisabled = unavailable || disabled;
|
const isDisabled = unavailable || disabled;
|
||||||
const textColorClass = unavailable ? "text-base-ink-placeholder" : "text-primary";
|
const textColorClass = unavailable
|
||||||
|
? "text-base-ink-placeholder"
|
||||||
|
: "text-primary";
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<label
|
<label
|
||||||
|
|||||||
@ -1,21 +1,9 @@
|
|||||||
import clsx from "clsx";
|
import clsx from "clsx";
|
||||||
import Button from "../../components/Button/Button";
|
import Button from "../../components/Button/Button";
|
||||||
|
import {
|
||||||
export const componentCategories = [
|
componentCategories,
|
||||||
"Button",
|
type ComponentCategory,
|
||||||
"TextInput",
|
} from "./componentCategories";
|
||||||
"Dropdown",
|
|
||||||
"ListItem",
|
|
||||||
"SearchResultList",
|
|
||||||
"Combobox",
|
|
||||||
"ListCard",
|
|
||||||
"ParticipantPicker",
|
|
||||||
"InlineModal",
|
|
||||||
"Choicebox",
|
|
||||||
"StartTimeGrid",
|
|
||||||
] as const;
|
|
||||||
|
|
||||||
export type ComponentCategory = (typeof componentCategories)[number];
|
|
||||||
|
|
||||||
interface SidebarProps {
|
interface SidebarProps {
|
||||||
selectedCategory: ComponentCategory;
|
selectedCategory: ComponentCategory;
|
||||||
|
|||||||
@ -0,0 +1,15 @@
|
|||||||
|
export const componentCategories = [
|
||||||
|
"Button",
|
||||||
|
"TextInput",
|
||||||
|
"Dropdown",
|
||||||
|
"ListItem",
|
||||||
|
"SearchResultList",
|
||||||
|
"Combobox",
|
||||||
|
"ListCard",
|
||||||
|
"ParticipantPicker",
|
||||||
|
"InlineModal",
|
||||||
|
"Choicebox",
|
||||||
|
"StartTimeGrid",
|
||||||
|
] as const;
|
||||||
|
|
||||||
|
export type ComponentCategory = (typeof componentCategories)[number];
|
||||||
Loading…
x
Reference in New Issue
Block a user