Organisms are complex components that combine molecules and atoms into standalone, functional UI sections.
| Component | Tag | Description |
|---|---|---|
| Button Group | <ed-button-group> |
A container that groups multiple buttons together with consistent spacing and alignment. Button... |
| Component | Tag | Description |
|---|---|---|
| Search Form | <ed-search-form> |
A search form component with text input, clear button, and search action. `ed-search-form` renders... |
| Component | Tag | Description |
|---|---|---|
| Footer | <ed-footer> |
A semantic `<footer>` element for global site or app footer content. EdFooter renders as a semantic... |
| Header | <ed-header> |
Global site or application header. Provides three optional slot regions — `top`, default (middle),... |
| Component | Tag | Description |
|---|---|---|
| Accordion | <ed-accordion> |
An accordion container that groups collapsible panels for progressive content disclosure. Renders as... |
| Drawer | <ed-drawer> |
A slide-out drawer panel that appears from the viewport edge. Drawers present complementary content... |
| Modal | <ed-modal> |
A modal dialog component for displaying focused, blocking content. Modals present information or... |
| Tabs | <ed-tabs> |
A tabbed interface component that organizes content into multiple panels. Only one tab is active at... |
| Component | Tag | Description |
|---|---|---|
| Section | <ed-section> |
Section A content container that organizes a heading and body content together. Section provides... |
| Component | Tag | Description |
|---|---|---|
| Table | <ed-table> |
A semantic table component for displaying structured data in rows and columns. Tables support... |
| Table Object | <ed-table-object> |
| Component | Tag | Description |
|---|---|---|
| Text Passage | <ed-text-passage> |
Container for rich text content from CMS or markdown sources. Applies consistent typography and... |