UI LibraryUI Library
Guide
Components
Styling
Repo
Guide
Components
Styling
Repo
  • Guide

    • Introduction
    • Getting Started
  • Components

    • CataUiAccordion
    • CataUiAccordionItem
    • CataUiAlert
    • CataUiAnchorMenu
    • CataUiBadge
    • CataUiButton
    • CataUiCollapse
    • CataUiDraggable
    • CataUiDropdown
    • CataUiDropover
    • CataUiFileTree
    • CataUiIcon
    • CataUiIconSwitch
    • CataUiInput
    • CataUiInputCheckbox
    • CataUiInputColor
    • CataUiInputDate
    • CataUiInputGroup
    • CataUiInputRadio
    • CataUiInputSearch
    • CataUiInputSelect
    • CataUiMasonry
    • CataUiMasonryTile
    • CataUiLogo
    • CataUiModal
    • CataUiPaginate
    • CataUiProgress
    • CataUiSpinner
    • CataUiStatusLabel
    • CataUiSwitch
    • CataUiTable
    • CataUiTableAG
    • CataUiTableFooter
    • CataUiTabs
    • CataUiTabSwitch
    • CataUiTooltip
  • Styling

    • Colors
    • Icons
    • Typography
    • Utils

CataUiLogo

The CataUiLogo component displays the Catalyst logo with customizable colors and size. It's a responsive SVG logo that automatically adjusts its viewBox for proper rendering.

Examples

Default Logo

<CataUiLogo />

Custom Width

<CataUiLogo logoWidth="200px" />

Custom Colors

<CataUiLogo colorDot="#FF5733" colorText="#000000" logoWidth="150px" />

Props

PropDescriptionTypeDefaultRequired
colorDotSpecifies the color of the circular dotString'#008CAB'false
colorTextSpecifies the color of the textString'#ffffff'false
logoWidthControls the width of the logo (CSS value)String'80px'false
Prev
CataUiMasonryTile
Next
CataUiModal