# Components

## Interactive

### Buttons

#### Default

- **Button**

#### Default + Icon Right

- **Button**

#### Default + Icon Left

- **Button**

#### Secondary

- **Button**

#### Secondary + Icon Right

- **Button**

#### Secondary + Icon Left

- **Button**

### Forms

- **Name***
- **Email***
- **Favorite Item**
  - Select one...
    - First Choice
    - Second Choice
    - Third Choice
- **Comment**

### Accordion

- **Lorem ipsum?**
  - 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.

### Slider

### Content

#### Table

| #### Encabezamiento | #### Encabezamiento | #### Encabezamiento |
| --- | --- | --- |
| Content in a cell | Content in a cell | Content in a cell |
| Content in a cell | Content in a cell with a lot more content that needs to span two columns |

### Rich Text

- 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.

### Inline video

## Marquee

- **Item 1**  
- **Item 2**  
- **Item 3**  
- **Item 4**  
- **Item 5**  
- **Item 6**  
- **Item 7**

## Tabs

### Example 1

- **Tab 1**
  - 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.
- **Tab 2**
  - 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.
- **Tab 3**
  - 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.

### Icon

- **1 EM**

- **Small**

- **Medium**

- **Large**

### Image

### Card

- **Simple**  
  - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

- **Actionable**  
  - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

### Eyebrow

- **Lorem ipsum**

### Heading

# Encabezamiento

---

### Cleaned content ends here.