Switch

作者:chicogale0 点赞MIT

实时预览

源代码

export default function Component() {
  return (
    <div className="neo-toggle-container">
  <input className="neo-toggle-input" id="neo-toggle" type="checkbox" />
  <label className="neo-toggle" htmlFor="neo-toggle">
    <div className="neo-track">
      <div className="neo-background-layer"></div>
      <div className="neo-grid-layer"></div>
      <div className="neo-spectrum-analyzer">
        <div className="neo-spectrum-bar"></div>
        <div className="neo-spectrum-bar"></div>
        <div className="neo-spectrum-bar"></div>
        <div className="neo-spectrum-bar"></div>
        <div className="neo-spectrum-bar"></div>
      </div>
      <div className="neo-track-highlight"></div>
    </div>

    <div className="neo-thumb">
      <div className="neo-thumb-ring"></div>
      <div className="neo-thumb-core">
        <div className="neo-thumb-icon">
          <div className="neo-thumb-wave"></div>
          <div className="neo-thumb-pulse"></div>
        </div>
      </div>
    </div>

    <div className="neo-gesture-area"></div>

    <div className="neo-interaction-feedback">
      <div className="neo-ripple"></div>
      <div className="neo-progress-arc"></div>
    </div>

    <div className="neo-status">
      <div className="neo-status-indicator">
        <div className="neo-status-dot"></div>
        <div className="neo-status-text"></div>
      </div>
    </div>
  </label>
</div>
  );
}