No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

The component failed to render properly, likely due to a configuration issue in Storybook. Here are some common causes and how you can address them:

  1. Missing Context/Providers: You can use decorators to supply specific contexts or providers, which are sometimes necessary for components to render correctly. For detailed instructions on using decorators, please visit the Decorators documentation.
  2. Misconfigured Webpack or Vite: Verify that Storybook picks up all necessary settings for loaders, plugins, and other relevant parameters. You can find step-by-step guides for configuring Webpack or Vite with Storybook.
  3. Missing Environment Variables: Your Storybook may require specific environment variables to function as intended. You can set up custom environment variables as outlined in the Environment Variables documentation.

All Icons

AcademyIcon

AiPencilIcon

AiStarsIcon

AppGenericIcon

AppGenericLineIcon

ApplicationTemplateIcon

ArchiveIcon

ArchiveLineIcon

AsteriskIcon

AudioFileIcon

BasketIcon

BettyLogoIcon

BlockIcon

BookIcon

BoxArrowsHorizontalIcon

BoxArrowsVerticalIcon

BoxEmptyIcon

BranchIcon

BugBeetleIcon

BulbFilledIcon

BulbIcon

ChartIcon

ChatIcon

CheckboxIcon

CheckboxLineIcon

CheckmarkIcon

CircleIcon

CircleLineIcon

CloudIcon

CommandIcon

CreditCardIcon

CrystalBallIcon

CtrlIcon

DeleteIcon

DesktopIcon

DevelopmentToolsIcon

DevelopmentToolsLineIcon

DiamondIcon

DiamondLineIcon

DisabledIcon

DollarSignIcon

DotsHorizontalIcon

DotsVerticalIcon

DragHandleIcon

EarthAfricaIcon

EarthAmericaIcon

EmailIcon

EndpointsIcon

EnvelopeClosedIcon

EnvelopeOpenLineIcon

EyeArrowIcon

EyeClosedIcon

EyeOpenIcon

FerrisWheelIcon

FerrisWheelLineIcon

FieldsetIcon

FileExportIcon

FileIcon

FileLogIcon

FilePDFIcon

FileSignedIcon

FileZIPIcon

FlagIcon

FlameIcon

FlaskIcon

FolderAiIcon

FolderArrowIcon

FolderIcon

FolderMoveIcon

GaugeIcon

GearIcon

GearLineIcon

GlobeIcon

GraduationCapIcon

GraduationCapLineIcon

GraphIcon

Grid4TilesIcon

Grid9TilesIcon

HamerIcon

HomeIcon

HorizontalSlidersIcon

HubIcon

ImageIcon

ImageSquareIcon

InboxIcon

InboxScenarioIcon

InternalErrorIcon

KeyIcon

LaptopIcon

LaunchIcon

LaunchLineIcon

ListBulletIcon

ListDashedIcon

ListIncredementIcon

LoaderIcon

LockIcon

LockLineIcon

LockOpenIcon

LockOpenLineIcon

LoginIcon

LogoutIcon

MasterTemplateIcon

MegaphoneIcon

MinboxIcon

MinboxLineIcon

MobilePhoneIcon

MultiFileIcon

MultiImageIcon

MyBBIcon

NoApplicationTemplateIcon

NotFoundErrorIcon

OfficeBuildingIcon

OrganisationsIcon

PackageClosedIcon

PagePlusIcon

PhoneIcon

PieChartIcon

PinIcon

PlayCircleIcon

PlayIcon

PopOverAltIcon

PopOverFilledIcon

QuestionIcon

RadioButtonIcon

RadioEmptyIcon

RectangleIcon

RectangleLineIcon

RenderWebTemplateIcon

ServiceBellIcon

ShieldCheckIcon

ShieldLineIcon

SignalIcon

SignalOfflineIcon

SignalOnlineIcon

SingleSliderIcon

SquareArrowInsideIcon

SquareArrowOutsideIcon

SquareIcon

SquareLineIcon

StarFillIcon

StarHalfFillIcon

StarLineIcon

StatusOfflineIcon

TabletLandscapeIcon

TabletPortraitIcon

TagIcon

TagLineIcon

TranslationsIcon

WeightIcon

WideScreenIcon

WorkflowIcon

WrenchAltIcon

WrenchIcon

WrenchSetIcon

ArrowClockwiseIcon

ArrowCounterClockwiseIcon

ArrowsClockwiseIcon

ArrowsCounterClockwiseIcon

ArrowsDiagonalIcon

ArrowsHorizontalIcon

ArrowsInAltIcon

ArrowsInIcon

ArrowsOutAltIcon

ArrowsOutIcon

ArrowsUpDownClockwiseIcon

ArrowsUpDownCounterClockwiseIcon

ArrowsVerticalIcon

BackwardIcon

CaretDownIcon

CaretLeftIcon

CaretLeftRightIcon

CaretRightIcon

CaretUpDownIcon

CaretUpIcon

ChevronCollapseIcon

ChevronDoubleDownIcon

ChevronDoubleLeftIcon

ChevronDoubleRightIcon

ChevronDoubleUpIcon

ChevronDownIcon

ChevronExpandIcon

ChevronLeftIcon

ChevronRightIcon

ChevronUpIcon

DownIcon

DownLeftIcon

DownRightIcon

DownUpIcon

DownWardIcon

ElbowDownLeftIcon

ElbowDownRightIcon

ElbowUpLeftIcon

ElbowUpRightIcon

ForBackwardClockwiseIcon

ForBackwardCounterClockwiseIcon

ForwardIcon

LeftIcon

LeftRightIcon

MergeAltIcon

MergeIcon

RightIcon

UpDownwardClockwiseIcon

UpDownwardCounterClockwiseIcon

UpIcon

UpLeftIcon

UpRightIcon

UpWardLeftIcon

UpWardRightIcon

AlignBottomIcon

AlignCenterIcon

AlignLeftIcon

AlignMiddleIcon

AlignRightIcon

AlignSpaceAroundIcon

AlignSpaceBetweenIcon

AlignTopIcon

ArrangeIconsIcon

BorderAllIcon

BorderBottomIcon

BorderBottomLeftIcon

BorderBottomRightIcon

BorderLeftIcon

BorderRightIcon

BorderTopIcon

BorderTopLeftIcon

BorderTopRightIcon

CapitalizeIcon

ClipboardIcon

ColorBucketIcon

CounterIcon

CrossIcon

CrossSmallIcon

DottedSquareIcon

DoubleLineIcon

DownloadIcon

DuplicateAllIcon

DuplicateIcon

EraserIcon

FilterIcon

FloppyIcon

FormattingIcon

GroupIcon

GroupLineIcon

GuidelinesIcon

InputTypingIcon

LineDashBigIcon

LineDashSmallIcon

LineDotsIcon

LineDoubleIcon

LineNoneIcon

LineSolidIcon

LinkIcon

LinkSimpleBreakIcon

MagnifyingGlassIcon

MessageIcon

MinIcon

MultilineDragIcon

OrderAscendingIcon

OrderDescendingIcon

PaperPlaneIcon

PencilIcon

PlusIcon

PlusSmallIcon

RadiusAllIcon

RadiusBottomLeftIcon

RadiusBottomRightIcon

RadiusRightLeftIcon

RadiusTopLeftIcon

ScrollIcon

SpeechBubbleIcon

TTIcon

TextAlignCenterIcon

TextAlignJustifyIcon

TextAlignLeftIcon

TextAlignRightIcon

TextBolderIcon

TextItalicIcon

TextQuoteIcon

TextStrikethroughIcon

TextUnderlineIcon

TrashIcon

TripleLineIcon

UnderScoreIcon

UploadIcon

BellIcon

BellRingingIcon

CheckCircleIcon

ErrorIcon

ErrorTriangleIcon

ExclamationMarkIcon

InfoCircleIcon

InfoIcon

PlusCircleIcon

QuestionCircleIcon

WarningCircleIcon

XCircleIcon

ActionsIcon

ActionsLineIcon

BackOfficeIcon

BackOfficeLineIcon

BlockStoreEyeIcon

BlockStoreForwardIcon

BlockStoreIcon

BlockStoreLineIcon

DataIcon

DataLineIcon

PagesIcon

PagesLineIcon

AuthenticatedPageIcon

BrokenComponentIcon

BrushIcon

ColorPaletteIcon

ColumnIcon

ComponentSetIcon

CustomObjectIcon

DependentItemsIcon

DesignToolsIcon

FontIcon

InputDisabledIcon

InputFilledIcon

InputFocusIcon

InputHoverIcon

InputStaticIcon

InputVariableIcon

LayoutAIIcon

LayoutIcon

LayoutLineIcon

MultiplePageTemplateIcon

ObjectTreeIcon

ObjectTreeLeftIcon

ObjectTreeRightIcon

PageActionIcon

PageActionResponseIcon

PageTemplateEditIcon

PageTemplateIcon

PageVariableIcon

PartialIcon

PublicPageIcon

PuzzleIcon

RowsIcon

ToolsIcon

ViewIcon

WidgetsIcon

AIModelIcon

ArrayIcon

AtIcon

BracketsCurlyIcon

ClockAltIcon

ClockCounterClockwiseIcon

ClockDashedIcon

ClockIcon

CodeIcon

CurrencyDollarIcon

CurrencyEuroIcon

CustomModelIcon

DataJumpUpIcon

DataModelIcon

DatasourceIcon

DateDayIcon

DateIcon

DateTimeIcon

DeleteRecordIcon

HasAndBelongsToManyIcon

HasManyIcon

HasOneIcon

HashIcon

IDIcon

NumberArrayIcon

NumberCountIcon

NumberDecimalIcon

NumberIcon

ObjectIcon

PixelsIcon

RelationsBelongsToManyIcon

RemoteModelIcon

RichTextIcon

SumIcon

TextArrayIcon

TextIcon

TextMultilineIcon

TextVariableIcon

VariableIcon

ActionCompilerIcon

ActionStepsIcon

BracketsPlaceholderIcon

ClickIcon

ConditionIcon

DoubleClickIcon

ExpressionIcon

FinishIcon

LoopIcon

MCPIcon

NewActionIcon

PrivateActionIcon

PrivateWasmActionIcon

PublicActionIcon

PublicWasmActionIcon

RegExIcon

RelationIcon

ScheduledActionEndedIcon

ScheduledActionStartedIcon

SingleClickIcon

SubActionIcon

TrueFalseIcon

WasmActionIcon

UserArrowInIcon

UserArrowOutIcon

UserBBIcon

UserBusinessManIcon

UserIcon

UserKeyIcon

UserLineIcon

UserMinIcon

UserPlusIcon

UserSettingsIcon

UserSpeakIcon

UsersIcon