import { Meta } from "@storybook/addon-docs"; import { Flex } from "@appsmith/wds"; import { AIChatThumbnail } from "../components/Thumbnails/AIChatThumbnail"; import { ButtonThumbnail } from "../components/Thumbnails/ButtonThumbnail"; import { CheckboxGroupThumbnail } from "../components/Thumbnails/CheckboxGroupThumbnail"; import { CheckboxThumbnail } from "../components/Thumbnails/CheckboxThumbnail"; import { ComboboxSelectThumbnail } from "../components/Thumbnails/ComboboxSelectThumbnail"; import { CurrencyInputThumbnail } from "../components/Thumbnails/CurrencyInputThumbnail"; import { DatePickerThumbnail } from "../components/Thumbnails/DatePickerThumbnail"; import { EmailInputThumbnail } from "../components/Thumbnails/EmailInputThumbnail"; import { HeadingThumbnail } from "../components/Thumbnails/HeadingThumbnail"; import { IconButtonThumbnail } from "../components/Thumbnails/IconButtonThumbnail"; import { InlineButtonsThumbnail } from "../components/Thumbnails/InlineButtonsThumbnail"; import { InputThumbnail } from "../components/Thumbnails/InputThumbnail"; import { KeyValueThumbnail } from "../components/Thumbnails/KeyValueThumbnail"; import { MenuButtonThumbnail } from "../components/Thumbnails/MenuButtonThumbnail"; import { ModalThumbnail } from "../components/Thumbnails/ModalThumbnail"; import { MultiSelectThumbnail } from "../components/Thumbnails/MultiSelectThumbnail"; import { MultilineInputThumbnail } from "../components/Thumbnails/MultilineInputThumbnail"; import { NumberInputThumbnail } from "../components/Thumbnails/NumberInputThumbnail"; import { ParagraphThumbnail } from "../components/Thumbnails/ParagraphThumbnail"; import { PasswordInputThumbnail } from "../components/Thumbnails/PasswordInputThumbnail"; import { PhoneInputThumbnail } from "../components/Thumbnails/PhoneInputThumbnail"; import { RadioGroupThumbnail } from "../components/Thumbnails/RadioGroupThumbnail"; import { SectionThumbnail } from "../components/Thumbnails/SectionThumbnail"; import { SelectThumbnail } from "../components/Thumbnails/SelectThumbnail"; import { StatsBoxThumbnail } from "../components/Thumbnails/StatsBoxThumbnail"; import { SwitchGroupThumbnail } from "../components/Thumbnails/SwitchGroupThumbnail"; import { SwitchThumbnail } from "../components/Thumbnails/SwitchThumbnail"; import { TableThumbnail } from "../components/Thumbnails/TableThumbnail"; import { ToolbarButtonsThumbnail } from "../components/Thumbnails/ToolbarButtonsThumbnail"; import { ZoneThumbnail } from "../components/Thumbnails/ZoneThumbnail";

Thumbnails

Icon set for Widget Explorer Panel, which provides a visual representation of the widgets.

export const Icons = () => { return ( <Flex gap="spacing-4" wrap="wrap"> <AIChatThumbnail /> <ButtonThumbnail /> <CheckboxGroupThumbnail /> <CheckboxThumbnail /> <ComboboxSelectThumbnail /> <CurrencyInputThumbnail /> <DatePickerThumbnail /> <EmailInputThumbnail /> <HeadingThumbnail /> <IconButtonThumbnail /> <InlineButtonsThumbnail /> <InputThumbnail /> <KeyValueThumbnail /> <MenuButtonThumbnail /> <ModalThumbnail /> <MultiSelectThumbnail /> <MultilineInputThumbnail /> <NumberInputThumbnail /> <ParagraphThumbnail /> <PasswordInputThumbnail /> <PhoneInputThumbnail /> <RadioGroupThumbnail /> <SectionThumbnail /> <SelectThumbnail /> <StatsBoxThumbnail /> <SwitchGroupThumbnail /> <SwitchThumbnail /> <TableThumbnail /> <ToolbarButtonsThumbnail /> <ZoneThumbnail /> </Flex> ); };