Skip to main content

Container

Container component for contents.

When To Use#

When you need to display some content to users.

Examples#

import { Container, Box } from 'tailor-ui';

Basic#

Title

Section Title #1
Section titles are text derived from either a transcript or screenplay of the dialog or commentary in films.
Section Title #2
Section titles are text derived from either a transcript or screenplay of the dialog or commentary in films.

Title

SubTitle
Section Title #1
Section titles are text derived from either a transcript or screenplay of the dialog or commentary in films.
Section Title #2
Section titles are text derived from either a transcript or screenplay of the dialog or commentary in films.

Without title#

The content of container

With Table#

Text Here

NamePlatformPeopleAmmountAction
Name 1Platform 110,000NTD 1,000
Name 2Platform 210,000NTD 1,000
Name 3Platform 310,000NTD 1,000

API#

Container#

PropertyDescriptionTypeDefault
titleReactNode
subTitleReactNode

Container.Section#

PropertyDescriptionTypeDefault
titleReactNode