Bill
Expandable
The expandable UI component is a great way to present a large content area with a small, digestible preview. Click anywhere on the preview area to show the entire content.
Example #1 (Small preview)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi delectus distinctio eaque, esse, id maxime modi, nam neque nihil qui quia quibusdam quis quisquam similique sunt totam veritatis. Ad autem consequatur cum delectus deleniti dolor dolores eius, eligendi error id nesciunt odit officia perferendis quasi recusandae similique tempora tenetur voluptas.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur debitis dignissimos maiores nisi optio quas, quod? Animi fuga inventore laborum nemo quaerat quis quod? Alias, architecto consequuntur corporis deleniti dolor facilis id minima necessitatibus nihil perspiciatis quo repellendus saepe, sunt suscipit velit. Deleniti dolorum id maxime omnis perspiciatis sed, veniam?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquam autem doloribus iste nesciunt nihil nisi odio, optio temporibus. Alias dolore eveniet expedita neque nesciunt nihil qui reprehenderit repudiandae tempore? A consectetur ipsam magni quibusdam totam? At earum id incidunt iure labore libero, perferendis perspiciatis, saepe sed suscipit velit veritatis.
Example #2 (Large preview)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi delectus distinctio eaque, esse, id maxime modi, nam neque nihil qui quia quibusdam quis quisquam similique sunt totam veritatis. Ad autem consequatur cum delectus deleniti dolor dolores eius, eligendi error id nesciunt odit officia perferendis quasi recusandae similique tempora tenetur voluptas.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur debitis dignissimos maiores nisi optio quas, quod? Animi fuga inventore laborum nemo quaerat quis quod? Alias, architecto consequuntur corporis deleniti dolor facilis id minima necessitatibus nihil perspiciatis quo repellendus saepe, sunt suscipit velit. Deleniti dolorum id maxime omnis perspiciatis sed.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquam autem doloribus iste nesciunt nihil nisi odio, optio temporibus. Alias dolore eveniet expedita neque nesciunt nihil qui reprehenderit repudiandae tempore? A consectetur ipsam magni quibusdam totam? At earum id incidunt iure labore libero, perferendis perspiciatis, saepe sed suscipit velit veritatis.
Example #3 (Expandable on white background)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusamus aut consectetur consequatur cum cupiditate debitis doloribus, error ex explicabo harum illum minima mollitia nisi nostrum officiis omnis optio qui quisquam saepe sit sunt totam vel velit voluptatibus? Adipisci ducimus expedita id nostrum quas quia!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur debitis dignissimos maiores nisi optio quas, quod? Animi fuga inventore laborum nemo quaerat quis quod? Alias, architecto consequuntur corporis deleniti dolor facilis id minima necessitatibus nihil perspiciatis quo repellendus saepe, sunt suscipit velit. Deleniti dolorum id maxime omnis perspiciatis sed, veniam?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquam autem doloribus iste nesciunt nihil nisi odio, optio temporibus. Alias dolore eveniet expedita neque nesciunt nihil qui reprehenderit repudiandae tempore? A consectetur ipsam magni quibusdam totam? At earum id incidunt iure labore libero, perferendis perspiciatis, saepe sed suscipit velit veritatis.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusamus aut consectetur consequatur cum cupiditate debitis doloribus, error ex explicabo harum illum minima mollitia nisi nostrum officiis omnis optio qui quisquam saepe sit sunt totam vel velit voluptatibus? Adipisci ducimus expedita id nostrum quas quia!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur debitis dignissimos maiores nisi optio quas, quod? Animi fuga inventore laborum nemo quaerat quis quod? Alias, architecto consequuntur corporis deleniti dolor facilis id minima necessitatibus nihil perspiciatis quo repellendus saepe, sunt suscipit velit. Deleniti dolorum id maxime omnis perspiciatis sed, veniam?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquam autem doloribus iste nesciunt nihil nisi odio, optio temporibus. Alias dolore eveniet expedita neque nesciunt nihil qui reprehenderit repudiandae tempore? A consectetur ipsam magni quibusdam totam? At earum id incidunt iure labore libero, perferendis perspiciatis, saepe sed suscipit velit veritatis.