root
17 KiB
17 KiB
| 1 | Component | Layout | Content_order | Icon_behavior | Motion | Mixed_direction | Review_status |
|---|---|---|---|---|---|---|---|
| 2 | VisuallyHidden | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Not applicable | Reviewed |
| 3 | BidiText | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 4 | LiveRegion | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 5 | Icon | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | Directional icons mirror; universal/media/brand symbols remain fixed | Direction-aware only where meaning changes | Not applicable | Reviewed |
| 6 | Button | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | Directional icons mirror; universal/media/brand symbols remain fixed | Direction-aware only where meaning changes | Not applicable | Reviewed |
| 7 | ActionLink | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | Directional icons mirror; universal/media/brand symbols remain fixed | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 8 | FormField | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 9 | TextInput | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 10 | TextArea | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 11 | Select | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 12 | Checkbox | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 13 | Radio | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 14 | Switch | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 15 | Fieldset | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 16 | ErrorSummary | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 17 | Tabs | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 18 | SegmentedControl | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 19 | Accordion | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | Directional icons mirror; universal/media/brand symbols remain fixed | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 20 | Pagination | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | Directional icons mirror; universal/media/brand symbols remain fixed | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 21 | Dialog | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 22 | DropdownMenu | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 23 | Tooltip | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 24 | Alert | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 25 | Progress | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 26 | Spinner | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 27 | Skeleton | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 28 | StateMessage | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 29 | StatusBadge | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 30 | Card | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 31 | Panel | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 32 | Callout | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 33 | Heading | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 34 | Eyebrow | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 35 | Text | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 36 | Quote | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 37 | Breadcrumbs | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | Directional icons mirror; universal/media/brand symbols remain fixed | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 38 | SectionNavigation | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 39 | FooterLinkGroup | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 40 | MediaFrame | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 41 | ResponsiveImage | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 42 | SectionHeader | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 43 | FeatureCard | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 44 | FeatureGrid | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 45 | SplitContent | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 46 | MetricStrip | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 47 | LogoStripShell | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 48 | Workflow | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | Directional icons mirror; universal/media/brand symbols remain fixed | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 49 | Comparison | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 50 | Metric | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 51 | EvidenceShell | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 52 | CTA | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 53 | ProductPreview | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 54 | DemoForm | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 55 | Toast | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 56 | PricingCard | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 57 | TestimonialContent | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 58 | CustomerLogoContent | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 59 | ApprovedProductCapture | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 60 | LoginDestination | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |
| 61 | SalesDestination | Logical CSS properties; one DOM tree | Preserve semantic/process order; flex/grid follows document direction only where meaningful | No automatic mirroring | Direction-aware only where meaning changes | Use BidiText for identifiers, email, phone, URL, plate and model codes | Reviewed |