Button

	`<wa-button>`	`<button>`	`.wa-button`
default	Button		Button
`.wa-brand`	Brand		Brand
`.wa-neutral`	Neutral		Neutral
`.wa-success`	Success		Success
`.wa-warning`	Warning		Warning
`.wa-danger`	Danger		Danger
`.wa-accent`	Accent		Accent
`.wa-filled`	Filled		Filled
`.wa-outlined`	Outlined		Outlined
`.wa-plain`	Plain		Plain
`.wa-size-s`	Small		Small
`.wa-size-m`	Medium		Medium
`.wa-size-l`	Large		Large
`.wa-pill`	Pill		Pill

Callout

	`<wa-callout>`	`.wa-callout`
default	Callout	Callout
`.wa-brand`	Brand	Brand
`.wa-neutral`	Neutral	Neutral
`.wa-success`	Success	Success
`.wa-warning`	Warning	Warning
`.wa-danger`	Danger	Danger
`.wa-accent`	Accent	Accent
`.wa-filled`	Filled	Filled
`.wa-outlined`	Outlined	Outlined
`.wa-plain`	Plain	Plain
`.wa-size-s`	Small	Small
`.wa-size-m`	Medium	Medium
`.wa-size-l`	Large	Large
`.wa-pill`	Pill	Pill

Checkbox

	`<wa-checkbox>`	`<input type="checkbox">`
default	Checkbox	Checkbox
`checked`	Checkbox	Checkbox

Color Picker

	`<wa-color-picker>`	`<input type="color">`
default		Color Picker

Details

	`<wa-details>`	`<details>`
default	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.	Summary Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
`dir="rtl"`	استخدام طريقة لوريم إيبسوم لأنها تعطي توزيعاَ طبيعياَ -إلى حد ما- للأحرف عوضاً عن	تبديلني استخدام طريقة لوريم إيبسوم لأنها تعطي توزيعاَ طبيعياَ -إلى حد ما- للأحرف عوضاً عن

Input

	`<wa-input>`	`<input>`
default		Input
`type="password"`		Input (password)
`type="date"`		Input (date)
`type="time"`		Input (time)
`.wa-filled`		Input (filled)
`.wa-size-s`		Input (small)
`.wa-size-m`		Input (medium)
`.wa-size-l`		Input (large)

Progress Bar

	`<wa-progress-bar>`	`<progress>`
default

Radio

	`<wa-radio>`	`<input type="radio">`
default	Radio	Radio
`checked`	Radio	Radio

Select

	`<wa-select>`	`<select>`
default	Option	Select
`.wa-filled`	Option	Select (filled)
`.wa-size-s`	Option	Select (small)
`.wa-size-m`	Option	Select (medium)
`.wa-size-l`	Option	Select (large)

Slider

	`<wa-slider>`	`<input type="range">`
default		Slider

Textarea

	`<wa-textarea>`	`<textarea>`
default		Textarea
`.wa-filled`		Textarea (filled)
`.wa-size-s`		Textarea (small)
`.wa-size-m`		Textarea (medium)
`.wa-size-l`		Textarea (large)