Angular Button Library | ng-hub-ui-buttons أمثلة | Hub UI

أمثلة تفاعلية

استكشف أمثلة حيّة توضّح كيف تتصرّف المكتبة في حالات استخدام Angular الشائعة.

Button Variants

Element form

The same component as a custom element (<hub-button>) instead of the [hubButton] attribute.

Floating Action Button

FAB preview area — fixed within this container via CSS containment

Speed Dial

Bottom right

Bottom left

Top right

Top left

CSS Variable Theming

حالة التحميل / الانشغال

ألوان وأنماط مخصّصة