Hiyve Components - v1.0.0
    Preparing search index...

    Interface LiveClockProps

    Props for the LiveClock component.

    The LiveClock displays the current time and updates every second. It supports full customization of the time format, styling, and typography.

    <LiveClock
      variant="h6"
      updateInterval={1000}
      labels={{
        formatTime: (date) => date.format('h:mm A'),
      }}
    />
    interface LiveClockProps {
        colors?: Partial<LiveClockColors>;
        labels?: Partial<LiveClockLabels>;
        styles?: Partial<LiveClockStyles>;
        sx?: SxProps<Theme>;
        updateInterval?: number;
        variant?:
            | "caption"
            | "h1"
            | "h2"
            | "h3"
            | "h4"
            | "h5"
            | "h6"
            | "subtitle1"
            | "subtitle2"
            | "body1"
            | "body2";
    }
    Index

    Properties

    colors? labels? styles? sx? updateInterval? variant?

    Properties

    colors?: Partial<LiveClockColors>

    Custom colors.

    labels?: Partial<LiveClockLabels>

    Custom labels for i18n support and time formatting.

    styles?: Partial<LiveClockStyles>

    Custom styles.

    sx?: SxProps<Theme>

    MUI sx styling prop.

    updateInterval?: number

    Update interval in milliseconds.

    1000
    variant?:
        | "caption"
        | "h1"
        | "h2"
        | "h3"
        | "h4"
        | "h5"
        | "h6"
        | "subtitle1"
        | "subtitle2"
        | "body1"
        | "body2"

    Typography variant for the clock text.

    'h5'

    Settings

    Member Visibility

    On This Page

    Properties