react-icons/ai#AiTwotoneWarning TypeScript Examples

The following examples show how to use react-icons/ai#AiTwotoneWarning. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: Features.tsx    From mswjs.io with MIT License 5 votes vote down vote up 
Features = () => {
  return (
    <Grid>
      <Composition
        templateColsLg="repeat(3, 1fr)"
        gap={64}
        paddingVertical={64}
        paddingVerticalMd={80}
        paddingVerticalLg={120}
      >
        <Section>
          <Heading level={3} flex alignItems="flex-start">
            <Block>
              <AiTwotonePlayCircle size={20} />
            </Block>
            Seamless
          </Heading>
          <Text color="gray">
            Dedicated layer of requests interception at your disposal. Keep your
            application's code and tests unaware whether something is mocked or
            not.
          </Text>
        </Section>
        <Section>
          <Heading level={3} flex alignItems="flex-start">
            <Block>
              <AiTwotoneWarning size={20} />
            </Block>
            Deviation-free
          </Heading>
          <Text color="gray">
            Request the same production resources and test the actual behavior
            of your app. Augment an existing API, or design it as you go, when
            there is none.
          </Text>
        </Section>
        <Section>
          <Heading level={3} flex alignItems="flex-start">
            <Block>
              <AiTwotoneUpSquare size={20} />
            </Block>
            Familiar & Powerful
          </Heading>
          <Text color="gray">
            Use Express-like routing syntax to capture outgoing requests.
            Parameters, wildcards, regular expressions—mocking has never been
            easier.
          </Text>
        </Section>
      </Composition>
    </Grid>
  )
}