スケルトン

3つの形状バリアントを持つローディングプレースホルダーコンポーネント。 パルスアニメーションでローディング状態を示します。複数のスケルトンを組み合わせて カード、リスト、コンテンツのローディングプレースホルダーを作成できます。

プレビュー & コード

オプション

名前 デフォルト 説明
variant Symbol :text Shape type: :text (lines), :circle (avatars), :rectangle (images/cards)
size Symbol :md Size preset: :sm, :md, :lg (dimensions vary by variant)
width String nil Override width with Tailwind class (e.g., "w-3/4")
class String "" Additional CSS classes to apply

変更履歴 v1.0.0

- Initial release with text, circle, and rectangle variants
- Pulse animation for loading indication
- Size presets (sm, md, lg) for each variant
- Dark mode support

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得