Data & Utilities·loomora → useSocials

useSocials

Lookup social media platforms, platform titles, brand identity colors, handle placeholders, and URL profile templates.

Interactive live playground

Interact with the hook state and inspect computed return values in real time.

Live
Platform Identity

GitHub

github
Placeholder handle

ex: username

Platform Selector

Social Platformgithub

How to call

Import directly from the Loomora root package in any React client component.

import { useSocials } from 'loomora'

export function SocialLinks() {
  const { socials, getSocial } = useSocials()

  const github = getSocial('github')

  return (
    <div>
      <p>Platform: {github?.name}</p>
      <p>Placeholder: {github?.placeholder}</p>
    </div>
  )
}

Return values & methods

API signatures and utilities returned by this hook.

2 methods
Method / PropTypeDescription
socialsSocial[]List of supported social platforms with brand metadata.
getSocial(key)(key: string) => Social | undefinedLookup platform metadata by key (github, x, instagram, etc.).