Function Color

packages/dev/s2-docs/src/S2Colors.tsx:299–314

({name, className})

}

export function Color({name, className}) {
  return (
    <div
      className={style({
        display: 'flex',
        gap: 8,
        marginBottom: 4,
        font: 'ui',
        alignItems: 'center',
        breakInside: 'avoid'
      })}>
      <div className={typeof className === 'function' ? className({}) : className} />
      <div className="sb-unstyled">{name}</div>
    </div>
  );
}

export function IconColors() {
  return (