# Component/Text/BaseText

> Props: component-text-basetext.props.txt

## Examples


### Alignment

```tsx
{
  args: {
    as: 'div',
    alignment: 'center',
    children: '지그재그 파트너센터에 오신 것을 환영합니다!'
  }
}
```

### Base

```tsx
{
  args: {
    children: '지그재그 파트너센터에 오신 것을 환영합니다!'
  }
}
```

### Inherit

```tsx
{
  render: args => <div style={{
    fontSize: '32px',
    fontWeight: 700,
    lineHeight: '48px',
    color: '#0066cc'
  }}>
      부모 스타일:
      <BaseText {...args} />
    </div>,
  args: {
    typography: 'inherit',
    children: ' 이 텍스트는 부모의 스타일을 상속받습니다.'
  }
}
```

### Nested Base Text

```tsx
{
  render: () => <Stack direction='column' gap={4}>
      <BaseText typography='Body_15_SemiBold' as='div' color={semantic_colors.content.secondary}>
        중첩 사용{` `}
        <BaseText typography='inherit' color={semantic_colors.accent.primary}>
          typography inherit
        </BaseText>
        {` `}예시
      </BaseText>
      <BaseText typography='Body_15_SemiBold' as='div' color={semantic_colors.content.secondary}>
        중첩 사용{` `}
        <BaseText color={semantic_colors.accent.primary}>typography 생략</BaseText> 예시
      </BaseText>
    </Stack>
}
```

### Typography

```tsx
{
  args: {
    typography: 'Heading_24_Bold',
    children: '지그재그 파트너센터에 오신 것을 환영합니다!'
  }
}
```