import { Meta } from "@storybook/addon-docs"; import { Flex } from "@appsmith/wds"; import { AIChatIcon } from "../components/Icons/AIChatIcon"; import { AudioIcon } from "../components/Icons/AudioIcon"; import { ButtonIcon } from "../components/Icons/ButtonIcon"; import { CameraIcon } from "../components/Icons/CameraIcon"; import { CategorySliderIcon } from "../components/Icons/CategorySliderIcon"; import { ChartIcon } from "../components/Icons/ChartIcon"; import { CheckboxGroupIcon } from "../components/Icons/CheckboxGroupIcon"; import { CheckboxIcon } from "../components/Icons/CheckboxIcon"; import { CodeScannerIcon } from "../components/Icons/CodeScannerIcon"; import { ColumnIcon } from "../components/Icons/ColumnIcon"; import { ComboboxSelectIcon } from "../components/Icons/ComboboxSelectIcon"; import { ContainerIcon } from "../components/Icons/ContainerIcon"; import { CurrencyInputIcon } from "../components/Icons/CurrencyInputIcon"; import { CustomWidgetIcon } from "../components/Icons/CustomWidgetIcon"; import { DatePickerIcon } from "../components/Icons/DatePickerIcon"; import { DividerIcon } from "../components/Icons/DividerIcon"; import { DocumentIcon } from "../components/Icons/DocumentIcon"; import { EmailInputIcon } from "../components/Icons/EmailInputIcon"; import { FilePickerIcon } from "../components/Icons/FilePickerIcon"; import { FormIcon } from "../components/Icons/FormIcon"; import { HeadingIcon } from "../components/Icons/HeadingIcon"; import { IconButtonIcon } from "../components/Icons/IconButtonIcon"; import { ImageIcon } from "../components/Icons/ImageIcon"; import { InlineButtonsIcon } from "../components/Icons/InlineButtonsIcon"; import { InputIcon } from "../components/Icons/InputIcon"; import { JSONFormIcon } from "../components/Icons/JSONFormIcon"; import { KeyValueIcon } from "../components/Icons/KeyValueIcon"; import { ListIcon } from "../components/Icons/ListIcon"; import { MapChartIcon } from "../components/Icons/MapChartIcon"; import { MapIcon } from "../components/Icons/MapIcon"; import { MenuButtonIcon } from "../components/Icons/MenuButtonIcon"; import { ModalIcon } from "../components/Icons/ModalIcon"; import { MultiSelectIcon } from "../components/Icons/MultiSelectIcon"; import { MultiTreeSelectIcon } from "../components/Icons/MultiTreeSelectIcon"; import { MultilineInputIcon } from "../components/Icons/MultilineInputIcon"; import { NumberInputIcon } from "../components/Icons/NumberInputIcon"; import { NumberSliderIcon } from "../components/Icons/NumberSliderIcon"; import { ParagraphIcon } from "../components/Icons/ParagraphIcon"; import { PasswordInputIcon } from "../components/Icons/PasswordInputIcon"; import { PhoneInputIcon } from "../components/Icons/PhoneInputIcon"; import { ProgressIcon } from "../components/Icons/ProgressIcon"; import { RadioGroupIcon } from "../components/Icons/RadioGroupIcon"; import { RangeSliderIcon } from "../components/Icons/RangeSliderIcon"; import { RatingIcon } from "../components/Icons/RatingIcon"; import { RecorderIcon } from "../components/Icons/RecorderIcon"; import { RichTextEditorIcon } from "../components/Icons/RichTextEditorIcon"; import { RowIcon } from "../components/Icons/RowIcon"; import { SectionIcon } from "../components/Icons/SectionIcon"; import { SelectIcon } from "../components/Icons/SelectIcon"; import { StatsBoxIcon } from "../components/Icons/StatsBoxIcon"; import { SwitchGroupIcon } from "../components/Icons/SwitchGroupIcon"; import { SwitchIcon } from "../components/Icons/SwitchIcon"; import { TableIcon } from "../components/Icons/TableIcon"; import { TabsIcon } from "../components/Icons/TabsIcon"; import { ToolbarButtonsIcon } from "../components/Icons/ToolbarButtonsIcon"; import { TreeSelectIcon } from "../components/Icons/TreeSelectIcon"; import { VideoIcon } from "../components/Icons/VideoIcon"; import { ZoneIcon } from "../components/Icons/ZoneIcon"; import { iFrameIcon } from "../components/Icons/iFrameIcon";

<Meta title="Appsmith Icons/Icons" />

Icons

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

export const Icons = () => { return ( <Flex gap="spacing-4" wrap="wrap"> <AIChatIcon /> <AudioIcon /> <ButtonIcon /> <CameraIcon /> <CategorySliderIcon /> <ChartIcon /> <CheckboxGroupIcon /> <CheckboxIcon /> <CodeScannerIcon /> <ColumnIcon /> <ComboboxSelectIcon /> <ContainerIcon /> <CurrencyInputIcon /> <CustomWidgetIcon /> <DatePickerIcon /> <DividerIcon /> <DocumentIcon /> <EmailInputIcon /> <FilePickerIcon /> <FormIcon /> <HeadingIcon /> <IconButtonIcon /> <ImageIcon /> <InlineButtonsIcon /> <InputIcon /> <JSONFormIcon /> <KeyValueIcon /> <ListIcon /> <MapChartIcon /> <MapIcon /> <MenuButtonIcon /> <ModalIcon /> <MultiSelectIcon /> <MultiTreeSelectIcon /> <MultilineInputIcon /> <NumberInputIcon /> <NumberSliderIcon /> <ParagraphIcon /> <PasswordInputIcon /> <PhoneInputIcon /> <ProgressIcon /> <RadioGroupIcon /> <RangeSliderIcon /> <RatingIcon /> <RecorderIcon /> <RichTextEditorIcon /> <RowIcon /> <SectionIcon /> <SelectIcon /> <StatsBoxIcon /> <SwitchGroupIcon /> <SwitchIcon /> <TableIcon /> <TabsIcon /> <ToolbarButtonsIcon /> <TreeSelectIcon /> <VideoIcon /> <ZoneIcon /> <iFrameIcon /> </Flex> ); };

<Icons />