ਕੰਪੋਨੈਂਟ

Avatar
ਕਿਸੇ ਵਿਅਕਤੀ ਦੀ ਤਸਵੀਰ, ਜਾਂ ਉਸ ਦੇ ਨਾਮ ਦੇ ਪਹਿਲੇ ਅੱਖਰ, ਅਜਿਹੇ ਰੰਗ ’ਤੇ ਜੋ ਹਮੇਸ਼ਾ ਉਸੇ ਦਾ ਰਹਿੰਦਾ ਹੈ।
Breadcrumbs
ਪੰਨਿਆਂ ਦਾ ਉਹ ਰਾਹ, ਜੋ ਮੌਜੂਦਾ ਪੰਨੇ ਤੱਕ ਲੈ ਜਾਂਦਾ ਹੈ।
Button
ਨੇਟਿਵ ਬਟਨ ਅਤੇ ਐਂਕਰ ਐਲੀਮੈਂਟਾਂ ’ਤੇ ਸਟਾਈਲ ਕੀਤੀਆਂ ਕਾਰਵਾਈਆਂ ਅਤੇ ਲਿੰਕ।
Calendar
ਇੱਕ ਦਿਨ, ਦਿਨਾਂ ਦੀ ਰੇਂਜ ਜਾਂ ਕਈ ਦਿਨ ਚੁਣੋ, ਕੀ-ਬੋਰਡ ਨਾਲ ਵੀ।
Carousel
ਸਕ੍ਰੋਲ ਹੋ ਕੇ ਠੀਕ ਥਾਂ ’ਤੇ ਰੁਕਣ ਵਾਲੀਆਂ ਸਲਾਈਡਾਂ ਦੀ ਕਤਾਰ, ਬਟਨਾਂ, ਡੌਟਾਂ ਅਤੇ ਰੋਟੇਸ਼ਨ ਸਮੇਤ।
Chat
ਮਾਡਲ ਨਾਲ ਗੱਲ ਕਰੋ: ਸਟ੍ਰੀਮ ਹੁੰਦੇ ਜਵਾਬ, ਟੂਲ, ਵਰਜ਼ਨ ਅਤੇ ਫ਼ਾਈਲਾਂ।
Color picker
OKLCH ਵਿੱਚ ਰੰਗ, ਰੰਗ-ਖੇਤਰ ਜਾਂ ਵ੍ਹੀਲ ’ਤੇ, ਰੰਗ-ਨਮੂਨਿਆਂ, ਆਈਡ੍ਰੌਪਰ ਅਤੇ ਕੰਟ੍ਰਾਸਟ ਜਾਂਚ ਸਮੇਤ।
Combobox
ਟੈਕਸਟ ਫ਼ੀਲਡ, ਜੋ ਟਾਈਪ ਕਰਦੇ ਸਮੇਂ ਵਿਕਲਪ ਸੁਝਾਉਂਦਾ ਹੈ।
Command palette
ਤੁਹਾਡੀ ਐਪ ਦੀ ਹਰ ਕਮਾਂਡ, ਬਸ ਇੱਕ ਕੀਸਟ੍ਰੋਕ ਦੂਰ।
Date picker
ਤਾਰੀਖ਼ ਜਾਂ ਸਮਾਂ ਸੈਗਮੈਂਟਾਂ ਵਿੱਚ ਟਾਈਪ ਕਰੋ, ਜਾਂ ਕੈਲੰਡਰ ਤੋਂ ਚੁਣੋ।
Dialog
ਨੇਟਿਵ dialog ਐਲੀਮੈਂਟ ’ਤੇ ਬਣੀ ਮੋਡਲ ਵਿੰਡੋ, ਜਿਸ ਵਿੱਚ ਫ਼ੋਕਸ ਬ੍ਰਾਊਜ਼ਰ ਸੰਭਾਲਦਾ ਹੈ।
Dropzone
ਫ਼ਾਈਲਾਂ ਡ੍ਰੌਪ ਕਰੋ ਜਾਂ ਚੁਣੋ: ਜਾਂਚ, ਪ੍ਰੀਵਿਊ, ਅਤੇ ਪ੍ਰਗਤੀ ਸਮੇਤ ਅੱਪਲੋਡ।
Rich text editor
ਹੈਡਿੰਗਾਂ, ਸੂਚੀਆਂ, ਲਿੰਕ ਅਤੇ ਫ਼ਾਰਮੈਟ, ਟੂਲਬਾਰ ਨਾਲ, ਅਤੇ ਟਾਈਪ ਕਰਦੇ ਸਮੇਂ Markdown।
Empty state
ਜਦੋਂ ਦਿਖਾਉਣ ਲਈ ਕੁਝ ਨਾ ਹੋਵੇ, ਤਾਂ ਕੀ ਦਿਖਾਇਆ ਜਾਵੇ, ਅਤੇ ਅੱਗੇ ਕੀ ਕੀਤਾ ਜਾਵੇ।
Data grid
ਕਿੰਨੀਆਂ ਵੀ ਕਤਾਰਾਂ ਨੂੰ ਸੌਰਟ, ਫ਼ਿਲਟਰ, ਸਮੂਹਬੱਧ, ਐਡਿਟ ਅਤੇ ਐਕਸਪੋਰਟ ਕਰੋ।
Markdown
Markdown ਨੂੰ ਸੁਰੱਖਿਅਤ ਢੰਗ ਨਾਲ ਰੈਂਡਰ ਕਰੋ, ਸਟ੍ਰੀਮ ਹੁੰਦੇ ਸਮੇਂ ਵੀ।
Input mask
ਟਾਈਪ ਕਰਦੇ ਸਮੇਂ ਹੀ ਫ਼ਾਰਮੈਟ ਹੋਣ ਵਾਲੇ ਟੈਕਸਟ ਫ਼ੀਲਡ: ਤਾਰੀਖ਼ਾਂ, ਕਾਰਡ, IBAN, ਕੋਡ।
Menu
ਕਾਰਵਾਈਆਂ ਦੀ ਪੌਪ-ਅੱਪ ਸੂਚੀ, ਸਬ-ਮੀਨੂ, ਚੈੱਕ ਕੀਤੀਆਂ ਜਾ ਸਕਣ ਵਾਲੀਆਂ ਆਈਟਮਾਂ ਅਤੇ ਪੂਰੀ ਕੀ-ਬੋਰਡ ਸਹਾਇਤਾ ਸਮੇਤ।
Number field
ਸਟੈੱਪ ਬਟਨਾਂ ਵਾਲਾ ਨੰਬਰ ਇਨਪੁੱਟ, ਜੋ ਹਰ ਲੋਕੇਲ ਮੁਤਾਬਕ ਫ਼ਾਰਮੈਟ ਹੁੰਦਾ ਹੈ।
OTP input
ਵੱਖ-ਵੱਖ ਸਲਾਟਾਂ ਵਿੱਚ ਪੁਸ਼ਟੀਕਰਨ ਕੋਡ, ਇੱਕੋ ਅਸਲੀ ਇਨਪੁੱਟ ’ਤੇ।
Phone field
ਦੇਸ਼ ਪਿਕਰ ਅਤੇ ਇੱਕ ਨੰਬਰ, ਜੋ ਉਸ ਦੇਸ਼ ਦੇ ਲਿਖਣ ਦੇ ਢੰਗ ਨਾਲ ਸਮੂਹਾਂ ਵਿੱਚ ਵੰਡਿਆ ਜਾਂਦਾ ਹੈ।
Popover
ਬਟਨ ਦੇ ਕੋਲ ਤੈਰਦੇ ਪੈਨਲ, ਅਤੇ ਹੋਵਰ ’ਤੇ ਰਿਚ ਟੂਲਟਿਪ।
Rating
ਰੇਟਿੰਗ ਦੇਣ ਲਈ ਸਟਾਰ, ਅਸਲੀ ਰੇਡੀਓ ਬਟਨਾਂ ’ਤੇ।
Scheduler
ਮਹੀਨੇ, ਹਫ਼ਤੇ, ਦਿਨ, ਏਜੰਡੇ ਜਾਂ ਕਮਰਿਆਂ ਅਤੇ ਲੋਕਾਂ ਦੀ ਟਾਈਮਲਾਈਨ ਵਿੱਚ ਇਵੈਂਟ, ਡ੍ਰੈਗ ਕਰਕੇ ਸਹੀ ਥਾਂ ’ਤੇ।
Select
ਇੱਕ ਜਾਂ ਕਈ ਵਿਕਲਪ ਚੁਣੋ, ਛੋਟੀ ਸੂਚੀ ਵਿੱਚੋਂ ਜਾਂ ਬਹੁਤ ਵੱਡੀ ਵਿੱਚੋਂ।
Skeleton
ਪਲੇਸਹੋਲਡਰ, ਜੋ ਸਮੱਗਰੀ ਲੋਡ ਹੋਣ ਤੱਕ ਲੇਆਊਟ ਨੂੰ ਟਿਕਾਈ ਰੱਖਦੇ ਹਨ।
Splitter
ਨਾਲ-ਨਾਲ ਜਾਂ ਉੱਪਰ-ਹੇਠਾਂ ਰੱਖੇ ਪੈਨਲ, ਜਿਨ੍ਹਾਂ ਦਾ ਆਕਾਰ ਹੈਂਡਲਾਂ ਨਾਲ ਬਦਲਿਆ ਜਾ ਸਕਦਾ ਹੈ।
Toast
ਛੋਟੇ ਸੁਨੇਹੇ, ਜੋ ਇੱਕ-ਦੂਜੇ ਉੱਤੇ ਜਮ੍ਹਾਂ ਹੁੰਦੇ ਹਨ, ਸਵਾਈਪ ਨਾਲ ਹਟ ਜਾਂਦੇ ਹਨ ਅਤੇ ਕਦੇ ਫ਼ੋਕਸ ਨਹੀਂ ਖੋਂਹਦੇ।
Tour
ਹਰ ਕਦਮ ਲਈ ਇੱਕ ਕਾਰਡ, ਉਸ ਚੀਜ਼ ਦੇ ਕੋਲ ਜਿਸ ਬਾਰੇ ਉਹ ਹੈ, ਅਤੇ ਆਲੇ-ਦੁਆਲੇ ਦਾ ਪੰਨਾ ਮੱਧਮ।