إدخال HTML أصلي · النموذج
ألوان دلالية، درجات كثافة، وأدوات عرض عبر فئات المعدّل على مجموعة الاختيار.
Hex doc
Phoenix
All types
Text
Date & time
Multiple
Other
<.anatomy_all_fields id_prefix="native-input-all" input_class="native-input" />
اللون
Default
Text
Date & time
Multiple
Other
Accent
Text
Date & time
Multiple
Other
Brand
Text
Date & time
Multiple
Other
Alert
Text
Date & time
Multiple
Other
Info
Text
Date & time
Multiple
Other
Success
Text
Date & time
Multiple
Other
<div class="max-h-[70vh] overflow-y-auto scrollbar scrollbar--sm">
<.anatomy_all_fields
id_prefix="native-input-style-color-example"
input_class="native-input native-input--accent max-w-md w-full"
/>
</div>
الحجم
SM
Text
Date & time
Multiple
Other
MD
Text
Date & time
Multiple
Other
LG
Text
Date & time
Multiple
Other
XL
Text
Date & time
Multiple
Other
<div class="max-h-[70vh] overflow-y-auto scrollbar scrollbar--sm">
<.anatomy_all_fields
id_prefix="native-input-style-size-example"
input_class="native-input native-input--lg max-w-md w-full"
/>
</div>
نصف القطر
None
Text
Date & time
Multiple
Other
SM
Text
Date & time
Multiple
Other
MD
Text
Date & time
Multiple
Other
LG
Text
Date & time
Multiple
Other
XL
Text
Date & time
Multiple
Other
Full
Text
Date & time
Multiple
Other
<div class="max-h-[70vh] overflow-y-auto scrollbar scrollbar--sm">
<.anatomy_all_fields
id_prefix="native-input-style-rounded-example"
input_class="native-input native-input--rounded-lg max-w-md w-full"
/>
</div>
أقصى عرض
2xs
Text
Date & time
Multiple
Other
MD
Text
Date & time
Multiple
Other
XL
Text
Date & time
Multiple
Other
2XL
Text
Date & time
Multiple
Other
<div class="max-h-[70vh] overflow-y-auto scrollbar scrollbar--sm">
<.anatomy_all_fields
id_prefix="native-input-style-max-width-example"
input_class="native-input max-w-md w-full"
/>
</div>