Variable List

Type declaration

• • (
        __namedParameters: {
            children: ReactNode;
            color?: Color;
            icon?: string;
            listStyleType?: ListStyleType;
            spacing?: MarginBlock<string | number>;
        },
    ): Element

  • Parameters

    • __namedParameters: {
          children: ReactNode;
          color?: Color;
          icon?: string;
          listStyleType?: ListStyleType;
          spacing?: MarginBlock<string | number>;
      }

    Returns Element

• Item: (
      __namedParameters: {
          children: ReactNode;
          fontScale?: FontScale;
          icon?:
              | "bold"
              | "link"
              | "strike"
              | "at"
              | "download"
              | "list"
              | "clip"
              | "key"
              | "audio"
              | "code"
              | "menu"
              | "video"
              | "circle"
              | "image"
              | "stop"
              | "sort"
              | "send"
              | "copy"
              | "file"
              | "loading"
              | "address-book"
              | "ai"
              | "airplane"
              | "arrow-back"
              | "arrow-back-up"
              | "arrow-collapse"
              | "arrow-down"
              | "arrow-down-box"
              | "arrow-expand"
              | "arrow-fall"
              | "arrow-forward"
              | "arrow-jump"
              | "arrow-loop"
              | "arrow-return"
              | "arrow-rise"
              | "arrow-stack-up"
              | "arrow-up"
              | "arrow-up-box"
              | "attachment-file"
              | "avatar"
              | "backspace"
              | "bag"
              | "ball"
              | "balloon"
              | "balloon-arrow-left"
              | "balloon-arrow-top-right"
              | "balloon-close-top-right"
              | "balloon-ellipsis"
              | "balloon-exclamation"
              | "balloon-off"
              | "balloons"
              | "balloon-text"
              | "ban"
              | "bell"
              | "bell-off"
              | "book"
              | "brush"
              | "burger"
              | "burger-arrow-left"
              | "burger-menu"
              | "business"
              | "calendar"
              | "camera"
              | "card"
              | "check"
              | "check-double"
              | "check-single"
              | "chevron-double-down"
              | "chevron-double-up"
              | "chevron-down"
              | "chevron-expand"
              | "chevron-left"
              | "chevron-right"
              | "chevron-up"
              | "circle-arrow-down"
              | "circle-check"
              | "circle-cross"
              | "circle-exclamation"
              | "circle-half"
              | "circle-quarter"
              | "circle-three-quarters"
              | "circle-unfilled"
              | "circle-unfilled-large"
              | "circle-unfilled-small"
              | "clipboard"
              | "clock"
              | "cloud"
              | "cloud-arrow-down"
              | "cloud-arrow-up"
              | "cloud-plus"
              | "code-block"
              | "cog"
              | "compass"
              | "condensed-view"
              | "crop"
              | "cross"
              | "cross-small"
              | "cube"
              | "customize"
              | "dashboard"
              | "desktop"
              | "desktop-text"
              | "dialpad"
              | "doc"
              | "document-eye"
              | "doner"
              | "emoji"
              | "emoji-neutral"
              | "emoji-plus"
              | "equal"
              | "eraser"
              | "error-circle"
              | "exit"
              | "extended-view"
              | "eye"
              | "eye-off"
              | "fingerprint"
              | "flag"
              | "flask"
              | "folder"
              | "formula"
              | "globe"
              | "globe-cross"
              | "globe-off"
              | "group-by-type"
              | "hash"
              | "hashtag-lock"
              | "h-bar"
              | "headphone"
              | "headphone-off"
              | "headset"
              | "help"
              | "history"
              | "home"
              | "info"
              | "italic"
              | "joystick"
              | "kebab"
              | "keyboard"
              | "lamp-bulb"
              | "language"
              | "leaf"
              | "lightning"
              | "list-bullets"
              | "list-numbers"
              | "live"
              | "lock"
              | "login"
              | "magnifier"
              | "mail"
              | "mail-arrow-top-right"
              | "meatballs"
              | "medium-view"
              | "members"
              | "mic"
              | "mic-off"
              | "mobile"
              | "mobile-check"
              | "mobile-exclamation"
              | "moon"
              | "musical-note"
              | "new-window"
              | "notebook-hashtag"
              | "notebook-hashtag-crossed"
              | "pause"
              | "pause-shape-filled"
              | "pause-shape-unfilled"
              | "pause-unfilled"
              | "pencil"
              | "pencil-box"
              | "percentage"
              | "person-arms-spread"
              | "phone"
              | "phone-disabled"
              | "phone-in"
              | "phone-issue"
              | "phone-off"
              | "phone-out"
              | "pin"
              | "pin-map"
              | "play"
              | "play-shape-filled"
              | "play-unfilled"
              | "plus"
              | "plus-small"
              | "podcast"
              | "question-mark"
              | "quote"
              | "rec"
              | "refresh"
              | "rocket"
              | "send-filled"
              | "share-alt"
              | "sheet"
              | "shield"
              | "shield-blank"
              | "shield-check"
              | "signal"
              | "smart"
              | "sms"
              | "sort-az"
              | "spanner"
              | "squares"
              | "stack"
              | "star"
              | "star-filled"
              | "stars"
              | "stop-unfilled"
              | "stopwatch"
              | "store"
              | "success-circle"
              | "sun"
              | "tag"
              | "team"
              | "team-arrow-right"
              | "team-lock"
              | "text-decrease"
              | "text-increase"
              | "trash"
              | "underline"
              | "undo"
              | "user"
              | "user-arrow-right"
              | "user-lock"
              | "user-plus"
              | "video-disabled"
              | "video-filled"
              | "video-message"
              | "video-off"
              | "volume"
              | "volume-disabled"
              | "volume-lock"
              | "volume-off"
              | "warning"
              | "zip"
              | "add-reaction"
              | "add-user"
              | "attachment"
              | "back"
              | "baloon-arrow-left"
              | "baloon-arrow-top-right"
              | "baloon-close-top-right"
              | "baloon-ellipsis"
              | "baloon-exclamation"
              | "baloons"
              | "baloon-text"
              | "cancel"
              | "canned-response"
              | "chat"
              | "checkmark-circled"
              | "circled-arrow-down"
              | "computer"
              | "contact"
              | "discover"
              | "discussion"
              | "edit"
              | "edit-rounded"
              | "file-document"
              | "file-generic"
              | "file-google-drive"
              | "file-pdf"
              | "files-audio"
              | "file-sheets"
              | "files-video"
              | "files-zip"
              | "game"
              | "hashtag"
              | "import"
              | "info-circled"
              | "jump"
              | "jump-to-message"
              | "katex"
              | "map-pin"
              | "message"
              | "message-disabled"
              | "modal-warning"
              | "multiline"
              | "omnichannel"
              | "palette"
              | "permalink"
              | "post"
              | "queue"
              | "reload"
              | "reply-directly"
              | "report"
              | "send-active"
              | "share"
              | "shield-alt"
              | "sign-out"
              | "sort-amount-down"
              | "th-list"
              | "thread"
              | "upload"
              | "user-rounded"
              | "file-keynote"
              | "hand-pointer"
              | "list-alt"
              | "livechat"
              | "play-solid"
              | "reply"
              | "adobe"
              | "facebook"
              | "github"
              | "gitlab"
              | "google"
              | "google-drive"
              | "hubot"
              | "linkedin"
              | "rocketchat"
              | "twitter";
          iconColor?: Color
          | Var;
      },
  ) => ReactElement

  Deprecated

  prefer using named imports